Избавьтесь от границы для Top Tab (реагировать на навигацию)

Question

Я использую реагирующую навигацию, и когда я использую top-tab и stack, я получаю эту границу. введите описание изображения здесь

Как мне удалить это? Мой код выглядит примерно так

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

Вы можете сделать это следующим образом:

headerStyle: {
    borderBottomWidth: 0,
}

Answer 2

Попробуйте это

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