react-native - 我们可以在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,
}

例如:

shadowOffset: { width: 0, height: 10 }阴影仅放置在View

的底部

shadowOffset: { width: 0, height: -10 }阴影仅放置在View

的顶部

shadowOffset: { width: 10, height: 0 }阴影仅放置在View

的右侧

shadowOffset: { width: -10, height: 10 }阴影仅位于View

的左侧