react-nativeでポップアップウィンドウを作成する簡単な方法は？
B--リアン
目標は、YouTubeアプリの検索フィルターに似たポップアップウィンドウを構築するためのシンプルでクリーンな実装です。画像を参照してください。半透明の境界線をタップすると、ポップアップが閉じます。同じポップアップが（ネストされたナビゲーション構造内の）複数の画面から呼び出され、それぞれの画面に選択肢が返されることになっています。
私はかなりの検索とドキュメントの読み取りを行ったので、次の4つのオプションがあるようです。
Alertウィンドウを使用してアラートメッセージを大幅に変更しますが、このオプションでは、透明な領域をクリックしてキャンセルすることはできません。- 非常にベータ版のような有望なコンポーネントを使用
react-native-popupwindowすることも、実際にはオプションではありません。 modal囲んでいるビューの上にコンテンツを表示する簡単な方法であると主張するコンポーネントを使用します。反応ネイティブモーダルで背景を暗くする方法によると？そして近いモーダルへのモーダルのタップ外は（反応ネイティブモーダル）」これが可能なオプションのようです。- ただし、最後の手段としてのみモーダルを使用
Overlayして使用する必要があると言う人もいます。
実際にテストしたソリューションをアドバイスしてください。何を指示してるんですか？たぶんもっと簡単な解決策がありますか？
StackOverflowに関する関連する質問：
ヒューゴラプラス
モーダルは完全にあなたの道です。
私の個人的な選択はhttps://github.com/react-native-community/react-native-modalで、全体的に最高のパフォーマンスと柔軟性を備えています。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
簡単なReactドロップダウンを作成する方法
- 2
日付範囲で簡単なReactドロップダウンを作成する方法
- 3
ポップアップでReactが親ウィンドウと通信する方法はありますか？
- 4
デスクトップでモバイル向けのReactアダプティブデザインをテストする方法は？（ウィンドウズ）
- 5
ポップアップウィンドウでRead-Hostを実行する最も簡単な方法は？
- 6
単純な react+redux アプリを作成する簡単な方法は?
- 7
Google-map-react-reactjs：マーカーをクリックした後にポップアップウィンドウを動的に表示する方法
- 8
ReactでCloudinaryアップロードウィジェットを実装する方法は？
- 9
React-nativeでInstagramのような写真ポップアップを作成する方法
- 10
react-nativeでアプリからオーバーレイウィンドウ設定を開始する方法
- 11
React-ドロップダウンでアイテムをフィルタリングする方法
- 12
React Navigation V2のドロワーにログアウトボタンを作成する簡単な方法はありますか？
- 13
React Native-IOSプッシュ通知-アプリがバックグラウンドにあるときに着信音を再生する方法は？
- 14
埋め込まれたreactアプリウィジェットを作成することは可能ですか？
- 15
React Nativeアプリを終了/シャットダウンするにはどうすればよいですか？
- 16
React Nativeで複数のビューを使用してドラッグアンドドロップする方法は？
- 17
React + Reduxアプリで外側をクリックしてモーダルウィンドウを閉じる方法は？
- 18
React Native-デバッグAPKをビルドしてデプロイする簡単な方法はありますか？
- 19
react-bootstrapを使用して動的なドロップダウンリストを作成するには
- 20
React Native：関数コンポーネントを使用しないアプリで、アプリがフォアグラウンドに戻ったときに関数をトリガーする方法は？
- 21
reactでバリアントドロップダウンを使用して製品ページを作成するにはどうすればよいですか？
- 22
reactでバリアントドロップダウンを使用して製品ページを作成するにはどうすればよいですか？
- 23
react-native-firebase v6では、フォアグラウンドで通知を受信するとアプリがクラッシュしました
- 24
Reactで動的なプロップ名を作成する方法は？
- 25
react jsのドロップダウンに値を設定する方法は？
- 26
react-selectで条件付きドロップダウンを使用する方法
- 27
React-選択ドロップダウンで親属性値を取得する方法
- 28
react-bootstrapで複数選択ドロップダウンを使用する方法
- 29
React Nativeでドラッグアンドドロップアクションを作成するにはどうすればよいですか？
コメントを追加