scrollable-tab-view的tabs問題



  • 有安装react-native-vector-icons 、scrollable-tab-view
    如图在大部份手机正常显示底下tab(图加文字) , 但 samsung note5 却跑版了下面的字被切掉了 , 这个要怎么改呢 , 谢谢.
    0_1487569196369_1487527253656.jpg

    note5 的画面
    0_1487569211200_1487523852544.jpg
    <ScrollableTabView
    renderTabBar={() => <DfyTabBar tabNames={tabNames} tabIconNames={tabIconNames} />}

    ...
    </ScrollableTabView>

    DfyTabBar裡的render
    <TouchableOpacity onPress={()=>this.props.goToPage(i)} style={styles.tab} key={tab}>
    <View style={styles.tabItem}>
    <Icon
    name={this.props.tabIconNames[i]} //all icons
    size={30}
    color={color}
    />
    <Text style={{color: color}}>
    {this.props.tabNames[i]}
    </Text>
    </View>
    </TouchableOpacity>



  • 被挡住的原因是android 的status状态栏的20高度造成的。
    我的解决方案是:要么做android的沉浸式状态栏;要么platform.os判断android后,页面高度 - 20。
    p.s. 状态栏高度是不是20我也不记得了。。。



  • @logicool 我的其它android 手機不會斷字 , 所以這個要怎麼判斷到底要不要減status状态栏的20 , 謝謝.


登录后回复