androidreactjsreact-nativenative-base

How to remove the border of native-base tabs


I need to remove the border as I marked in the image.

enter image description here

I am using react-native & native-base tabs. I need to remove the bottom border of tabs.

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

Solution

  • I found the solution,

    Need to implement ScrollableTab, Then

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