如何删除本机基选项卡的边框

Question

我需要删除图像中标记的边框。

我正在使用react-native和native-base标签。我需要删除标签的底部边框。

<Tabs>
      <Tab heading="Tab1">
        <Tab1 />
      </Tab>
      <Tab heading="Tab2">
        <Tab2 />
      </Tab>
      <Tab heading="Tab3">
        <Tab3 />
      </Tab>
    </Tabs>

Answer 1

我找到了解决方法，

需要实现 ScrollableTab ，然后

<ScrollableTab style={{ borderWidth: 0}}>

Answer 2

尝试<Tabs tabContainerStyle={{ borderBottomWidth: 0 }}>

Answer 3

尝试：

<ScrollableTab style={{borderBottomWidth: 0, backgroundColor: 'some_color'}} 
/>

或

<TabHeading style={{
                backgroundColor: 'some_color',
                borderBottomWidth: 0,
}}>

或在组件的prop /属性下方添加：

tabBarUnderlineStyle={{backgroundColor: '#eff2f8'}}

Answer 4

对于仍在尝试删除边框的每个人。这是由于海拔问题 将此添加到标签标签：

<Tabs tabContainerStyle={{elevation: 0}}>
...
</Tabs>