リアカバーで引き出し側の不透明背景を作る方法

Question

私はデザインで引き出しのナビゲーションを行っていますが、その下に不透明な背景をどのようにカスタム化するのか分かりません。

Answer 1

（このhttps://www.w3schools.com/cssref/playit.asp?filename=playcss_filter&preval=blur(5px)のように）ぼかしを適用するには、ネイティブには、デフォルトではそれをサポートしていませんリアクトので、サードパーティ製のlibが使用する必要があります。あなたが必要とするものを正確に処理できるかどうかを確認できますhttps://github.com/react-native-community/react-native-blur

あなたが投稿した印刷画面では、メニューがアクティブになったときに暗い背景にしたいようです。これを行うには、rgba(0, 0, 0, 0.25)のような値を使用して、backgroundColorスタイルをメインコンポーネントに適用することができます。または、メニューがアクティブになったときに表示されるコンテンツ上のコンポーネントを持つこともできます。または、メニューコンテナがbackgroundColorを保持できるのは、メニュー自体が画面全体に収まらないからです（私はそれが最良の選択肢だと思う）。

例：

<View style={{ backgroundColor: rgba(0, 0, 0, 0.25), flex: 1 }}> <Menu> ... </Menu> </View>

だけアイデアの表現として上記のコードを考えます。あなたは正しいスタイルを適用してそれを作る必要があります

希望すると助かります