代码之家 › 专栏 › 技术社区 › dhana

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

native-base react-native reactjs android

1

dhana · 技术社区 · 7 年前

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

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

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

1 回复 | 直到 7 年前

1

3

dhana 7 年前

我找到了解决办法,

需要实施 可滚动选项卡 ,然后

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

2

0

Phuong Phan 5 年前

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

3

0

Harshal 5 年前

尝试:

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

或

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

或将以下属性添加到组件:

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