在特定堆栈中隐藏标签栏(以及所有屏幕嵌套在该堆栈中)

时间:2018-07-08 17:12:50

标签: react-native react-navigation

我具有以下导航结构。 HomePageStack和SavedItemPageStack都可以在某个时候访问ItemDetailPageStack。每当我在 ItemDetailPageStack

的任何屏幕或子屏幕上时,如何将标签栏设置为不显示

也就是当用户在ItemDetailPageStack,itemDetailPage,ReviewPage,ReviewPageStack,ReviewPage1,reviewPage,reportPage上时,我也需要隐藏标签栏。

export const RootScreen = createStackNavigator({
    MainApp : {
        screen: MainAppScreenStack,
    },
    Login : {
        screen: loginScreen,
    },
})

export const MainAppScreenStack = createTabNavigator({
    HomePageTab: {
        screen: HomePageStack,
    },
    BPageTab: {
        screen: BPageStack,
    },
    SavedItemPageTab: {
        screen: SaveItemPageStack,
    },
    CPage: {
        screen: CPageStack,
    },
})

export const HomePageStack = createStackNavigator ({
    HomePage: {
        screen : homePage,     
    },
    ItemDetailPage:{
        screen : ItemDetailPageStack,
    },
})


export const ItemDetailPageStack = createStackNavigator ({
    ItemDetailPage: {
        screen : itemDetailPage,
    },
    ReviewPage:{
        screen: ReviewPageStack,
    }
})

export const ReviewPageStack = createStackNavigator ({
    ReviewPage1: {
        screen : reviewPage,
    },
    ReportPage:{
        screen: reportPage,
    }
})

0 个答案:

没有答案