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条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 #MATLAB仿真#车辆换道路径规划
    • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
    • ¥15 数据可视化Python
    • ¥15 要给毕业设计添加扫码登录的功能!!有偿
    • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
    • ¥15 微信公众号自制会员卡没有收款渠道啊
    • ¥15 stable diffusion
    • ¥100 Jenkins自动化部署—悬赏100元
    • ¥15 关于#python#的问题:求帮写python代码
    • ¥20 MATLAB画图图形出现上下震荡的线条