реагировать навигацией двух навигаторов на одном экране, вложенном в StackNavigator

Question

У меня есть один экран, где мне нужно получить createMaterialTopTabNavigator и createBottomTabNavigator, он вложен в createStackNavigator.

Поэтому я нажимаю кнопку на HomeScreen, и StackNavigator перемещает меня к экрану, где createBottomTabNavigator основная навигация и createMaterialTopTabNavigator отличается для каждого экрана в createBottomTabNavigator

Так и должно быть

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,
})

Это означает, что вы можете просто вызвать в своей функции рендеринга компонент, в котором вы хотите, чтобы она отображалась.