在嵌套在 StackNavigator 中的一个屏幕上响应导航两个导航器

Question

我有一个屏幕需要createMaterialTopTabNavigator，createBottomTabNavigator它嵌套在createStackNavigator中。

所以我点击主屏幕上的按钮，StackNavigator将我导航到屏幕的位置createBottomTabNavigatorcreateBottomTabNavigator中的每个屏幕的主导航和createMaterialTopTabNavigator都不同

所以应该是

createStackNavigator
createBottomTabNavigator
createMaterialTopTabNavigator
SomeTabBarScreen
SomeTabBarScreen
createMaterialTopTabNavigator //if I click on icon in BottomNavigator to navigate on another screen I want different TopNavigator
SomeTabBarScreen
SomeTabBarScreen

Answer 1

我在这里只写一些伪代码，但你可以像这样嵌套堆栈：

const FirstMatTab = createMaterialTopTabNavigator({//Routes here});
const SecondMatTab = createMaterialTopTabNavigator({//Routes here});
const TabNav = createBottomTabNavigator({
FirstTab: FirstMatTab,
SecondTab: SecondMatTab
});
const MainStack = createStackNavigator({
Tab: TabNav,
})

这意味着您只需在渲染函数中调用要在其中渲染它的组件即可。