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,
}