💭

@react-native-community/datetimepickerの日付のレイアウト比較

2024/01/23に公開

こんにちは投資ロウトです。

背景

react-nativeで日付入力を実装することがあると思います。
その際にreact-nativeには日付型のコンポーネントがないので、外部ライブラリを使用すると思いますが、@react-native-community/datetimepickerを使用際のレイアウト比較を行なっていきます。

iOS

display="default"

display="spinner"

inline

※defaultとは、日付をクリックして表示されるか、文字列の日付は出さずに出し続けられるかの違いです。
※compactはdefaultと違いが目視ではわかりませんでした。

ライブラリドキュメント

https://www.npmjs.com/package/@react-native-community/datetimepicker?activeTab=readme

Discussion