2017-10-13 8 views
0

画像の上部に影が付くようにするにはどうすればいいですか?ここ 反応ネイティブで画像の上部にボックスシャドウを追加するには?

は例です:

enter image description here

私は私のイメージ・タグの上にダミーの表示タグを入れてみました

と影はそこから来ているが、影の高さは常に要素の高さの乗数であるように思えます。私の見解を本当に大きくしなければ、影は小さくなるでしょう。

答えて

1

私はこのライブラリなしでそれを行うためのよりよい方法を見つけることができませんでした。それはhttps://github.com/react-native-community/react-native-linear-gradient

サンプル・コードは次のようになります試してみる:

<Header> 
    <LinearGradient 
    start={{x: 0.0, y: 0.25}} end={{x: 0.5, y: 1.0}} 
    locations={[0,0.5,0.6]} 
    colors={['#000000', '#00000000']}> 
    <YourMenuItem /> 
    </LinearGradient> 
</Header> 
+1

あなたの投稿は、私はその博覧会がてLinearGradient成分を有する実感しました。だから、この質問を見ている博覧会を使っている人は、ここに行く:https://docs.expo.io/versions/latest/sdk/linear-gradient.htmlそうでなければ、あなたがリンクしているライブラリはそれが行く方法です! –

+0

クールな@ShayanJavadiは、冗長なものを追加するよりもビルトインコンポーネントを使用する方が優れています。 –

関連する問題