我正在使用react-native-tab-view
屏幕顶部的显示选项卡。如果屏幕数量将增加(超过 5 个),屏幕视图看起来很拥挤
下面是我的代码片段
export default class CustomTabViewComponent extends React.Component{
state = {
index: 0,
routes: [
{ key: 'tab1', title: 'Tab1' },
{ key: 'tab2', title: 'Tab2' },
{ key: 'tab3', title: 'Tab3' },
{ key: 'tab4', title: 'Tab4' },
{ key: 'tab5', title: 'Tab5' },
],
};
render(){
return(
<TabView
navigationState={this.state}
renderScene={this.renderScene}
renderTabBar={this._renderTabBar}
onIndexChange={this.onIndexChange}
initialLayout={{
width: Dimensions.get('window').width,
height: 100,
}}
/>
)}
}
我也发布图片以供参考。
是否有任何属性可以使我可以TabView
通过单独的选项卡固定宽度向右滚动?
PS:我试过react-native-scrollable-tab-view
但卡在同一个地方。