如何设置createMaterialBottomTabNavigator的样式?

时间:2018-07-24 08:05:42

标签: react-native react-navigation

BottomTabBar

我正在使用react-navigation-material-bottom-tabs来制作此导航栏。唯一的问题是我无法控制标签的样式或条形高度。 除了使用顶部栏并将其放置在底部之外,我还能做什么?

export default HomeScreenTabNavigator = new 
                              createMaterialBottomTabNavigator({
       NewsFeed: { screen: FeedStack},
       Social: { screen: SocialStack},
       Planner: { screen: PlannerStack},
       Boring: { screen: BoringStack},
       Account: { screen: AccountStack},
   },
   {
       navigationOptions: ({ navigation }) => ({
           tabBarIcon: ({ focused, tintColor }) => {
               const { routeName } = navigation.state;
               let iconName;
               if (routeName === 'Boring') {
                   iconName = `ios-add-circle${focused ? '' : '-outline'}`;
               } else if (routeName === 'Social') {
                   iconName = `ios-alarm${focused ? '' : '-outline'}`;
               } else if (routeName === 'NewsFeed') {
                   iconName = `ios-albums${focused ? '' : '-outline'}`;
               }
               return <Ionicons name={iconName} size={27} color={'#ffff'} />;
           },
       }),
       tabBarOptions: {
           showIcon: true,
       },
       barStyle: { backgroundColor: '#33ADFF'},
       animationEnabled: true,
   });

0 个答案:

没有答案