我使用ScrollableTabView，默认第一项不会有下面的横线？选择后面的，在选第一个，下面的横线就出来了

Question

Answer 1

龙晓秀 2018-06-02 11:05:32

到github上面查找了下，修改ScrollableTabBar.js的三处地方就可以了，亲测可以使用。

如果你不需要可以滑动的ScrollableTabBar组件，你把renderTabBar={() => <ScrollableTabBar />}这里换成DefaultTabBar这个组件，就不需要修改源码，也不存在第一个下划线不显示的问题。

Answer 2

CrazyCodeBoy 2018-02-26 09:28:08

检查一下ScrollableTabView使用是否正确，可参考：

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>

• 龙晓秀 #1

  老师你好 我也遇到了同样的问题  和你视频设置的一样 也出不来下划线  我用的是RN0.55.版本 android手机 7.1.1