如何在react-native中添加boxshadow在图像的顶部？

Question

如何在图像顶部添加阴影？

这是一个例子：

我尝试在我的Image标签上方放置一个虚拟View标签，并且有一个阴影来自它，但看起来阴影高度始终是元素高度的乘数。所以，除非我的观点非常大，否则阴影会很小。

Answer 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>