如何删除原生标签的边框

【问题标题】：How to remove the border of native-base tabs如何删除原生标签的边框
【发布时间】：2018-07-22 16:06:11
【问题描述】：

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

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

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

【问题讨论】：

标签： android reactjs react-native native-base

【解决方案1】：

我找到了解决办法，

需要实现ScrollableTab，然后

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

适用于安卓系统。对于 iOS，请使用 stackoverflow.com/a/57301488/2147383

【解决方案3】：

试试这个<Tabs tabContainerStyle={{ borderBottomWidth: 0 }}>

【讨论】：

【解决方案4】：

试试：

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

或

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

或在组件下面添加属性/属性：

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

【讨论】：