問題タブ [bottom-sheet]

レイアウトでa を使用しようとしBottomSheetています。ルート ビューは、ボトム シートの上CoordinatorLayoutに設定したいElevationので、高い値 (50dp) で設定していますが、アプリの実行時には表示されませんが、Android Studio デザイン ツールには表示されます。

グラデーションではなく単色でシートの背景を設定しようとしましたが、それでも機能しました。シャドウ シェイプも使用しようとしましたが、同じ高さの外観になりません。

ここに私のXMLがあります

編集: bottom_sheet_layout.xml

では、どうすれば標高ショーを上に表示できますかBottom Sheet

誰でも助けてくれますか？

カスタム BottomSheetDialogFragment があります。このフラグメントには、EditText と Button があります。

このフラグメントは、キーボードを下げるとほとんど隠れます (スクリーンショットを参照)。 キーボードを開く前の画面 キーボード を閉じた後の画面

コール フラグメント:

アクティビティの XML:

`BottomSheetDialogが表示されているときにffを行う方法はありますか?

1. ステータスバーを非表示にするか、BottomSheetDialogフルスクリーンにしますか?
2. の高さを制限BottomSheetDialogして、ActionBar

アクティビティ

BottomSheetDialog Layoutこれは ViewStub にロードされます

展開された BottomSheetDialog

ピークの高さ

隠しボトムシートダイアログ

BottomSheetBehaviorをラップするネイティブ Android モジュールを作成しています。

非常に単純な BottomSheetBehavior は、次のように実装できます https://gist.github.com/cesardeazevedo/a4dc4ed12df33fe1877fc6cea42475ae

私が直面した最初のことは、ページ全体が CoordinatorLayout の子であり、その末尾に BottomSheetBehavior がなければならないことです。

そのため、2 つのネイティブ モジュールを作成する必要が<CoordinatorLayout />あり<BottomSheetBehavior />ました。

これは、bottomSheetBehavior ラッパーです。

BottomSheetBehaviorManager.java

BottomSheetBehaviorView.java

そして、私の反応コンポーネントはこのようになります。

index.android.js

そしてそれはうまくいきます！

しかし、BottomSheet で子を でラップするのに苦労してきました。wrap_content画面全体をスライドさせることは想定されていませんでした。反応コンポーネントでは機能しません。では、RelativeLayoutreact<View style={{height: 300}} />コンポーネントをラップする方法は? また、いくつかのメジャー shadownodeを実装しようとしましたが、期待どおりに機能しませんでした。それらがどのように機能するかわかりません。

誰もが試してみたいと思うように、この例を github に追加しました。 https://github.com/cesardeazevedo/react-native-bottom-sheet-behavior