如何去除材料顶部标签的顶部阴影？

Question

当前行为

• tabBar的顶部有阴影。

预期的行为

• 如何删除顶部tabBar的顶部阴影？
• 尝试过的高程：0，但它也删除了底部阴影。
• 旁注-如何为Tabs.Navigator（反应式导航）获得顶部阴影？因为box-shadow属性对于android不起作用，而高程仅将阴影显示到底部。

如何复制

<>
<Header /> //App name custom component
<Tabs.Navigator
        ...
        tabBarOptions={{
          ....
          style: {
            // elevation: 0, 
          },
        }}>

Answer 1

尝试一下：

<>
<Header /> //App name custom component
<Tabs.Navigator
        ...
        tabBarOptions={{
          ....
          style: {
            elevation: 0,
            shadowColor: "#000000",
            shadowOffset: { width: 0, height: 10 }, // change this for more shadow
            shadowOpacity: 0.4,
            shadowRadius: 6
          },
        }}>

shadowOffset: { width: 0, height: 10 }阴影仅放置在View的底部。shadowOffset: { width: 0, height: -10 }阴影仅位于视图顶部。shadowOffset: { width: 10, height: 0 }阴影仅位于视图的右侧。shadowOffset: { width: -10, height: 10 }阴影仅位于视图的左侧。

找到此示例here。