2016-03-22 8 views
12

反応ネイティブ:私は1つのビューを持ち、ビューの子は画像です。不透明度を適用しました。ビューは0.5、画像は不透明度:0.9ですが適用されません親の不透明度が子に適用されている場合、子は独立した不透明度を持ちません親子の反応ネイティブスタイルの不透明度

答えて

37

代わりに背景色のアルファ値を使用して不透明度を変更してみてください。次に、子供たちに違った不透明感を適用することができるはずです。例えば

:松の答えに加えて

<View style={{backgroundColor: 'rgba(0,0,0,0.5)'}}/> 
+0

それは仕事をします。ユーザーはこれを正解とマークすることができます:D –

+0

不透明度プロパティを使用するときは、プロパティを適用しているビューの不透明度全体を変更しています。すべての子コンポーネントは、この不透明度を継承します。 この場合、不透明度は色のみに適用する必要があります。これは正解でなければなりません。 – JensDebergh

15

:背景色 "50" の

<View style={{backgroundColor: '#FFFFFF50'}} /> 

最後の部分は不透明%を示しています。

関連する問題