Code-Porter 2017-11-03 02:14 采纳率: 0%
浏览 3391
已结题

React Native 使用react-navigation中的TabNavigator

图片说明
在Android是好的,在ios上要怎么设置才能然文字垂直居中

 export default Tab = TabNavigator({
    //每一个页面的配置
    Joke: {
        screen: Joke,
        navigationOptions: {
            tabBarLabel: '笑话',
        },
    },
    riddles: {
        screen: Riddles,
        navigationOptions: {
            tabBarLabel: '谜语',
        }
    }

}, {
    //设置TabNavigator的位置
    tabBarPosition: 'top',
    //当两个TabNavigator嵌套时需要这样设置
    animationEnabled: false,
    swipeEnabled: false,
    //按 back 键是否跳转到第一个Tab(首页), none 为不跳转
    backBehavior: "none",
    //设置Tab标签的属性
    tabBarOptions: {
        //共有属性
        showIcon: true,
        activeTintColor: constant.activeColor,//label和icon的前景色 活跃状态下(选中)
        inactiveTintColor: constant.primaryColor,//label和icon的前景色 活跃状态下(未选中)
        style: { //TabNavigator 的背景颜色
            backgroundColor: 'white',
        },
        indicatorStyle: {//标签指示器的样式对象(选项卡底部的行)。安卓底部会多出一条线,可以将height设置为0来暂时解决这个问题
            backgroundColor: constant.activeColor,
        },
        labelStyle: {//文字的样式
            fontSize: 14,
        },
        iconStyle: {
            height: 0,
            width: 0,
        }

    },
});
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
    • ¥20 腾讯企业邮箱邮件可以恢复么
    • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
    • ¥15 错误 LNK2001 无法解析的外部符号
    • ¥50 安装pyaudiokits失败
    • ¥15 计组这些题应该咋做呀
    • ¥60 更换迈创SOL6M4AE卡的时候,驱动要重新装才能使用,怎么解决?
    • ¥15 让node服务器有自动加载文件的功能
    • ¥15 jmeter脚本回放有的是对的有的是错的
    • ¥15 r语言蛋白组学相关问题