Question: How to navigate in nested navigators?

For example, I have this config:

const secondNavigator = new StateNavigator([
  { key: 'ScreenOne', trackCrumbTrail: true },
  { key: 'ScreenTwo', trackCrumbTrail: true },
]);

const { ScreenOne, ScreenTwo } = secondNavigator.states;

ScreenOne.renderScene = () => <ScreenOneComp />;
ScreenTwo.renderScene = () => <ScreenTwoComp />;


const stateNavigator = new StateNavigator([
  { key: 'MainApp', trackCrumbTrail: true },
  { key: 'nestedApp', trackCrumbTrail: true },
]);

const { MainApp, nestedApp } = stateNavigator.states;

MainApp.renderScene = () => <MainAppComp />;
nestedApp.renderScene = () => (
 <NavigationHandler stateNavigator={secondNavigator}>
    <NavigationStack />
  </NavigationHandler>
);


export default () => (
<NavigationHandler stateNavigator={stateNavigator}>
    <NavigationStack />
  </NavigationHandler>
);

When I navigate to the nested navigator and press back - I get an error that there is nowhere to return to, because in the new navigator the state is empty (and it doesn’t have access to the main navigator?)

I guess I don’t completely understand how the navigator works that why it happens.

Thanks!

[melkayam92]

Android and React better, ios less.

[grahammendick]

Just so that I know, what kind of stuff do you like working on? Android, iOS or React or all three?