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