摆脱顶部标签的边框（反应导航）

Posted 2023-02-03

我正在使用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>)

答案

尝试一下

tabBarOptions = 
  indicatorStyle:  backgroundColor: '#4A6159' ,
  tabStyle: 
    borderBottomWidth: 0
  
 >

另一答案

您可以这样操作：

headerStyle: 
    borderBottomWidth: 0,