2017-10-13 88 views
0

我該如何着手在圖像頂部添加陰影?如何在反應原生圖像的頂部添加boxshadow?

這裏有一個例子:

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,更好地使用內置組件,而不是添加冗餘組件。 –