React Nativeで、AndroidでGoogleマップの「探索」に似たUIレイアウトを実装しようとしています（gifを参照）。
私の UI デザインでは、画面の下部にアプリ ナビゲーション タブがあり、ページ マップの背景全体があり、タブの上にある「下部シート」がオーバーレイされ、上部に検索ボックス コンポーネントがあります。以下の UI スケッチを参照してください。
便利そうなさまざまな反応ネイティブ UI コンポーネントを見つけましたが、必要なレイアウトに配置するためのスタイリングがわかりません。
rn-bottom-drawer など、私が見ているいくつかのボトムシート コンポーネントは、作成しようとしているものと同様の GIF を表示しますが、そのUIがどのようだったかを示す実際のコード例は見つかりません。作成した。たとえば、同じライブラリの例では、空の画面の上に一番下の引き出しが表示されています。
説明されているレイアウトを作成するには、ラッピング要素とスタイルをどのように組み合わせるとよいでしょうか? 私は XAML のバックグラウンドを持っており、この種のレイアウトは非常に簡単に作成できますが、反応ネイティブでそれを行う方法がわかりません。