我们可以在 React Native 中只设置 View 的一侧阴影吗？

Question

正如标题所说，我们如何在 React Native 中只设置 View 的一个侧影，或者隐藏任何侧影？我想要的是显示唯一的一侧阴影，有什么解决方案吗？

Answer 1

用这个

const style = {
  shadowColor: "#000000",
  shadowOffset: { width: 0, height: 2 }, // change this for more shadow
  shadowOpacity: 0.4,
  shadowRadius: 6,
}

例如：

1. shadowOffset: { width: 0, height: 10 } 阴影仅位于视图底部

2. shadowOffset: { width: 0, height: -10 } 阴影仅位于视图顶部

3. shadowOffset: { width: 10, height: 0 } 阴影仅位于视图的右侧

4. shadowOffset: { width: -10, height: 10 } 阴影仅位于视图的左侧

Answer 2

是的，您可以使用以下代码制作您自己的视图的影子：

<View style={{borderTopColor:'#ebebeb',borderTopWidth:1,borderBottomWidth:5,borderRightWidth:2,borderLeftWidth:2,borderColor:'#bcbaba',}}>

</View>

这对我有帮助，请根据您的用途使用它。