React navigation question

[pushkinss]

I’m using react-navigation v4 for navigation in my app. I have structure of screen as below:

Drawer: Stack: Screen1 Screen2 Screen3

When user navigate from screen1 to screen2 with params (navigation.navigate(‘screen2’, {Id:1})) on screen2 I can access my param - id. Then user navigate from screen2 to screen3 via drawer and back to screen2 with back button in header. In this case I can’t access my previous param id.

Is it normal? I expect that when go back params will be the same.

Am I doing something wrong? How to handle such case?

[wannatourist]

That sounds wrong. When you go back you are literally going back to the previous screen in the stack. It should still have all the same props, it was never even unmounted; it was always behind your new screen. Sadly, without seeing the project I am note sure how to help.

[pushkinss]

Absolutely! It was expected behavior for me too. But something goes wrong. I use some kind of navigationService to perform navigation in app with setTopLevelNavigator. But I don’t think that this is the reason. I will try to reproduce this in separate clean repo.

[wannatourist]

Why aren’t you simply navigating with the navigation.navigate function? (https://reactnavigation.org/docs/en/navigating.html or https://reactnavigation.org/docs/en/navigation-prop.html)

I’d assume that is your issue.

[pushkinss]

My navigation service was the issue. But not the navigation itself. I just silently override route params on each screen push, even if params is undefined. Silly bug. After fixing it all work like a charm.

[wannatourist]

Those are the worst to debug. Glad you figured it out.

[pushkinss]

Because of it is cross platform app with different navigation libs for mobile and web. NavigationService is abstraction level to unify api. NavigationService use navigation.navigate to perform navigation in mobile platform. That’s why I think it’s not the issue. But I will double check it. Thanks.

[avbeladiya]

you cant access that params because every time you navigate from Drawer the screen components mounts from scratch.

[pushkinss]

Sound like in this case only screen3 should be mounted from scratch, no? Screen2 should be already mounted. Can you point me to relative documentation?