2017-10-13 94 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,更好地使用内置组件,而不是添加冗余组件。 –