lazy load nested stack navigator

Describe the bug In my app i have multiple stack navigators, when i try to use register on the stack it doesnt work, but when i do it on screens separately it works.

Code snippet

import { FTUEStack } from './FTUEStack';

const AppNavigator = createSwitchNavigator({
    FTUE: {
      screen: FTUEStack
    }
)

changing it to (doesn’t work):

import { register } from 'react-native-bundle-splitter';

const AppNavigator = createSwitchNavigator({
    FTUE: {
      screen: register({
           require: () => require('./FTUEStack'),
           name: "FTUE"
      })
    }
)

i preload the component and then navigate, i have no errors but i dont have navigation.

Thank you for your help !

[MaxToyberman]

Thanks @kirillzyusko for the explanation ! I think moving to react navigation 5 will be a good option although we have a big project.

[MaxToyberman]

Hi @kirillzyusko

created a new sample app, this time i have an error “no routes in navigation state”. i agree that it is made for screens, but loading a whole stack can save a lot of time.

here is a link.

https://github.com/MaxToyberman/bundleSplitterExample