2回答

慕粉1118086210

2018-04-20

我在github上找个答案，成功解决我上面的这个问题

https://github.com/skv-headless/react-native-scrollable-tab-view/commit/4312d6cca2fe7859caa5219f2ee8b61edcf04884

0

0

CrazyCodeBoy

2017-11-03

手动设置一下tabBarUnderlineStyle，可以参考下面的代码：

let content = this.state.languages.length > 0 ?
    <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> : null;

0

2

慕无忌King

回复

慕粉1118086210

请问这个问题你解决了么，我也是，虽然设置了tabBarUnderlineStyle的样式，但是首次进入页面的时候，并不显示那个指示器，必须要切换一下才能出来

2018-09-20

共2条回复