react-native-scrollable-tab-view只能在一行显示吗？

Question

这样的需求怎么实现呢。。

Answer 1

CrazyCodeBoy 2018-08-16 15:19:28

默认react-native-scrollable-tab-view是不支持的，不过你可以通过重写ScrollableTabBar来实现，ScrollableTabView的renderTabBar是来设置顶部的Tab的默认它是占满整行的，如果要在右侧加入搜索按钮可以重写ScrollableTabBar在它里面加入搜索按钮:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<ScrollableTabView     tabBarUnderlineStyle={{backgroundColor: '#e7e7e7', height: 2}}     tabBarInactiveTextColor='mintcream'     tabBarActiveTextColor='white'     ref="scrollableTabView"     tabBarBackgroundColor={this.state.theme.themeColor}     initialPage={0}     renderTabBar={() => <ScrollableTabBar style={{height: 40, borderWidth: 0, elevation: 2}}                                           tabStyle={{height: 39}}/>} >     {this.state.languages.map((reuslt, i, arr) => {         let language = arr[i];         return language.checked ? <PopularTab key={i} tabLabel={language.name} {...this.props}/> : null;     })} </ScrollableTabView>

Answer 2

提问者 三生三途 2018-08-15 17:55:21

我想在最右边添加一个搜索按钮 和这个tab-view同行，看了插件好像不能这么实现