react-native - 摆脱顶部选项卡的边框( react 导航)

Question

我正在使用 react-navigation，当我使用 top-tab 和 stack 时，我得到了这个边框。 enter image description here

如何删除它？我的代码看起来像这样

const ShoutoutTopTab = createMaterialTopTabNavigator();

const ShoutoutTopTabScreen = () => {
  return (<ShoutoutTopTab.Navigator
    tabBarOptions={{
      indicatorStyle: {backgroundColor:'#4A6159'},
      tabStyle: {}
    }} >
    <ShoutoutTopTab.Screen name="GLOBAL" component={GlobalShoutout}/>
    <ShoutoutTopTab.Screen name="COUNTRY" component={CountryShoutout}/>
  </ShoutoutTopTab.Navigator>)
}

Answer 1

对于仍然有问题的任何人，请尝试:

(在 material-top-tabs 5.3.14 中测试)

tabBarOptions = {{
  style: {
  shadowOpacity: 0
  }
}}