小编Har*_*ngh的帖子

如何样式 createMaterialBottomTabNavigator?

底部标签栏

我正在使用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'}`;
               } …
Run Code Online (Sandbox Code Playgroud)

react-native react-navigation

6
推荐指数
0
解决办法
2382
查看次数

标签 统计

react-native ×1

react-navigation ×1