我正在尝试创建一个像YouTube或Instagram这样的底部导航栏,但我遇到了创建阴影效果的问题:
这是我目前的代码;
shadowColor: '#000000',
shadowOffset: {
width: 0,
height: 0
},
shadowRadius: 50,
shadowOpacity: 1.0,
elevation: 1
这会产生一个仅在导航栏底部可见但不在顶部的阴影。有没有办法放置阴影shadowOffset,以便阴影在顶部也可见?
示例:
答案 0 :(得分:15)
您可以将小marginTop添加到容器中,而不是添加样式:
{
shadowRadius: 2,
shadowOffset: {
width: 0,
height: -3,
},
shadowColor: '#000000',
elevation: 4,
}