使用 React Native 导航库的标签栏图标高度

Question

我正在使用 React Native Navigation 来启动基于选项卡的应用程序，这是代码

Navigation.startTabBasedApp({
        tabs: [
            {
                screen: "Starnote.CategoriesActivity",
                title: 'Categories',
                icon: require('../../assets/tabs/cat.png'),
                selectedIcon: require('../../assets/tabs/cat_act.png')
            },
            {
                screen: "Starnote.JobsActivity",
                title: 'Jobs',
                icon: require('../../assets/tabs/job.png'),
                selectedIcon: require('../../assets/tabs/job_act.png')
            },
            {
                screen: "Starnote.FavsActivity",
                title: 'Favourites',
                icon: require('../../assets/tabs/heart.png'),
                selectedIcon: require('../../assets/tabs/heart_act.png')
            },
            {
                screen: "Starnote.SeachActivity",
                title: 'Favourites',
                icon: require('../../assets/tabs/search.png'),
                selectedIcon: require('../../assets/tabs/search_act.png')
            },
            {
                screen: "Starnote.ProfActivity",
                title: 'Favourites',
                icon: require('../../assets/tabs/prof.png'),
                selectedIcon: require('../../assets/tabs/prof_act.png')
            }
        ],
        tabsStyle: {
            tabBarBackgroundColor: '#1f2533',
            tabBarSelectedButtonColor: '#f6a821',
        }
    })

选项卡包含图标但高度大于选项卡栏，我该如何解决这个问题，这是通过此代码创建的选项卡栏的图片，

Answer 1

使用 -

options: {
   bottomTab: {
      fontSize: 12
   }
}

添加字体大小选项

使用 React Native 导航库的标签栏图标高度

Tab bar icon height using react native navigation library

reactjs

react-native

react-native-navigation