【react-native】@react-native-community/datetimepickerをモーダル内に表示するときにはまったこと

react-nativeで使える’@react-native-community/datetimepicker’という

生年月日の設定に使用されるdatepickerコンポーネントがあるのですが

このライブラリがandroidとiosで異なる動作をすることに気づきました。

例えば、ページ遷移時にこのdatepickerをモーダルに乗せて表示しようとすると

androidでは、モーダルとは別にandroidおなじみのネイティブコンポーネント

が独立して表示されます。

iosではきっちりとモーダルの中に埋まった状態で表示されます。

androidのdatepickerは、まずハイライトに切り替わり真ん中にdatepickerが表示されて

そこでユーザーに選ばせる仕組みになっており、

恐らくこの影響でどこのコンポーネントにも埋め込むことができなくなっているのだと思われます。

という訳でモーダル+時間を設定するdatepickerの合わせ技を使いたかったのですが要検討ということで

もう少し別の方法を考えることにしました。

何かいい方法があればすぐに記事に載せたいと思います。