Reactネイティブのios pickerは常に開いています

Question

私は自分の画面に2つのピッカーを持っています。 iOSアプリで画面に移動するたびに、ピッカーは常に開いており、すべてのオプションが表示されています。

それはオプションは、我々がピッカーをクリックした後にのみ表示されているAndroidの中で完全に正常に動作します。

誰かがiOSでこれを修正する解決策を提案できますか？

Answer 1

iOSのピッカーの代わりにActionSheetを使用します。 https://facebook.github.io/react-native/docs/actionsheetios.html

jevakallioさんからの回答として、これはiOSのデフォルトの動作です。しかし、これは良いUXを与えるわけではないので、すべてのピッカーコンポーネントを削除し、ActionSheetに置き換えてください。

私はやって、それは素晴らしい作品です。私がRNチームによって開発され、良いネイティブ感を持っているので、私がjevakallioによって示唆された他のコンポーネントよりもActionSheetを好む理由。最後のオプションであるreact-native-modal-pickerも非常に良いです。

Answer 2

これは、iOS UIPickerViewコンポーネントの動作方法です。カスタマイズする方法はありません。

あなたはUI要素の異なる種類を使用する場合は、あなたがあなた自身を記述する必要がある、またはのような多くのオープンソースのライブラリ、のいずれかを使用します：

• react-native-dropdown
• react-native-modal-dropdown
• をreact-native-modal-picker

これらのキーワードや類似したキーワードを使用すると、他の多くのライブラリも得られます。

Answer 3

反応させ天然モーダルピッカーを中止しました。