如何删除顶部材料的顶部阴影?

时间:2020-04-02 09:17:20

标签: css react-native react-navigation react-navigation-v5

当前行为

  • tabBar的顶部有阴影。

enter image description here

预期行为

  • 如何删除顶部tabBar的顶部阴影?
  • 尝试将海拔高度设为0,但还会删除底部阴影。
  • 旁注-如何为Tabs.Navigator(反应式导航)实现顶部阴影?因为box-shadow属性不适用于android,而高程仅将阴影显示到底部。

如何复制

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

1 个答案:

答案 0 :(得分:0)

尝试一下:

bootES( my_data, data.col="Score", group.col="Group",
contrast = c("X","Y"), effect.type = "r" )

<> <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 }, }}> 阴影仅位于View的底部。 shadowOffset: { width: 0, height: 10 }阴影仅位于“视图”顶部。 shadowOffset: { width: 0, height: -10 }阴影仅位于“视图”的右侧。 shadowOffset: { width: 10, height: 0 }阴影仅位于View的左侧。

找到了这个示例here