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

Question

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

这是一个例子：

我尝试在我的图像标签上方放置一个虚拟 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>

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

How to add boxshadow at the top of an image in react-native?

react-native

expo