如何移除原生标签页的边框

dha*_*ana 5 android reactjs react-native native-base

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

在此处输入图片说明

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

<Tabs>
      <Tab heading="Tab1">
        <Tab1 />
      </Tab>
      <Tab heading="Tab2">
        <Tab2 />
      </Tab>
      <Tab heading="Tab3">
        <Tab3 />
      </Tab>
    </Tabs>
Run Code Online (Sandbox Code Playgroud)

dha*_*ana 8

我找到了解决方案,

需要实现ScrollableTab,然后

<ScrollableTab style={{ borderWidth: 0}}>
Run Code Online (Sandbox Code Playgroud)


Muh*_*mir 8

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

<Tabs tabContainerStyle={{elevation: 0}}>
...
</Tabs>
Run Code Online (Sandbox Code Playgroud)