react-native - react Native Negative shadowOffset创建顶部阴影

Question

我正在尝试创建一个底部导航栏，例如YouTube或Instagram，但是在创建阴影效果时遇到了问题：

这是我当前的代码；

  shadowColor: '#000000',
  shadowOffset: {
    width: 0,
    height: 0
  },
  shadowRadius: 50,
  shadowOpacity: 1.0,
  elevation: 1

这将产生一个阴影，该阴影仅在导航栏的底部可见，而在顶部则不可见。有没有办法放置负的shadowOffset，以便在顶部也可以看到阴影？

例：

Answer 1

您可以向容器中添加小marginTop，而不是添加样式：

{
  shadowRadius: 2,
  shadowOffset: {
    width: 0,
    height: -3,
  },
  shadowColor: '#000000',
  elevation: 4,
}