为什么我使用react-navigation 导航自定义导航不显示，是在tabnavigator底部导航的js文件中，

来源：1-6 Navigator的基本使用及页面间数据传递实现

几曾回首

2018-09-10

写回答

2回答

几曾回首

提问者

2018-10-11

我新创建的js文件自定义头部标题就没有问题，但是tab页里的就有问题

CrazyCodeBoy

2018-09-11

参考代码：

export const AppTabNavigator = createBottomTabNavigator({
    Page1: {
        screen: Page1,
        navigationOptions: {
            tabBarLabel: 'Page1',
            tabBarIcon: ({tintColor, focused}) => (
                <Ionicons
                    name={focused ? 'ios-home' : 'ios-home-outline'}
                    size={26}
                    style={{color: tintColor}}
                />
            ),
        }
    },
    Page2: {
        screen: Page2,
        navigationOptions: {
            tabBarLabel: 'Page2',
            tabBarIcon: ({tintColor, focused}) => (
                <Ionicons
                    name={focused ? 'ios-people' : 'ios-people-outline'}
                    size={26}
                    style={{color: tintColor}}
                />
            ),
        }
    },
    Page3: {
        screen: Page3,
        navigationOptions: {
            tabBarLabel: 'Page3',
            tabBarIcon: ({tintColor, focused}) => (
                <Ionicons
                    name={focused ? 'ios-chatboxes' : 'ios-chatboxes-outline'}
                    size={26}
                    style={{color: tintColor}}
                />
            ),
        }
    },
}, {
    tabBarComponent: TabBarComponent,
    tabBarOptions: {
        activeTintColor: Platform.OS === 'ios' ? '#e91e63' : '#fff',
    }
});

另外，也可以可将你的代码贴出来我帮你看看哈。

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

如何动态设置底部导航呢

回答 1

react-native-tab-navigator跟react-navigation什么关系呢

回答 1

请问老师，Navigator被废弃了怎么办？PS：有教学答疑群吗？

回答 4

react-navigation中修改导航栏标题的和tabbar如何隐藏的问题

回答 1

Navigator问题

回答 2

打开慕课网App查看更多内容