reactnative

クロスプラットフォーム対応のDateTimePicker

はじめに

標準のDatePickerはDatePickerAndroidとDatePickerIOSでプラトフォームごとに処理を分ける必要があるため、クロスプラットフォーム対応のDatePickerを探した

react-native-modal-datetime-picker

mmazzarolo/react-native-modal-datetime-picker

  • DatePickerAndroid, TimePickerAndroid, DatePickerIOSをラップしているので、これらのpropsを利用できるため利用しやすかった
  • DatePicker, TimePicker, DateTimePickerを切り替えられることも利点
  • Pickerはreact-native-modalを利用しモーダルで表示されるため、フォームとして直接埋め込みたい場合などには利用できない

左: Android mode={'date'} 中央: iOS mode={'date'} 右: iOS mode={'datetime'}