如何去除原生标签的边框

Question

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

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

<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={{elevation: 0}}>
...
</Tabs>

Answer 3

试试这种方式<Tabs tabContainerStyle={{ borderBottomWidth: 0 }}>

Answer 4

尝试：

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

或者

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

或在组件中添加以下道具/属性：

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

Answer 5

您好，我在样式中添加了borderWidth: 0px ，这对我有用，

祝你好运！