首页 > 解决方案 > 在材料顶部选项卡导航器上方添加标题。导航不适用于标题图标。道具为空

问题描述

我正在关注本指南https://www.javatpoint.com/react-native-create-material-top-tab-navigator 但不幸的是我无法让图标导航到他们的屏幕。即使我在堆栈导航器中有 HeaderBar.js 组件,我也没有收到任何道具。AppNavigator 包含我所有的屏幕以及 HeaderBar。

const TopTabNavigator = createMaterialTopTabNavigator(
    {
        Home: AppNavigator,
        Messages: MessagesScreen,
        // Scan: ScanScreen,
        Pay: EmployeePortalScreen,
        Settings: SettingsScreen
    } 

然后我有

const AppContainer = createAppContainer(createSwitchNavigator({
    App: TopTabNavigator
}));

export default () => {
        return (
            <View style={{flex:1}} >
                <HeaderBar/>
                <AppContainer style={styles.topTabNav}/>
            </View>
        )

}

这就是我所拥有的。选项卡有效,但相机和齿轮图标无效。在此处输入图像描述

标签: react-nativereact-navigation

解决方案


推荐阅读