/Javascript/React/React native getting old navigation parameter

React native getting old navigation parameter

The problem here is how navigation.navigate works. If you use it without
passing the key for the next screen, react-navigation won't match it with the 
screen that is already mounted hence mounting another one.

What you can observe here is exactly the case when the component was not yet 
unmounted but navigate doesn't know that and renders another instance of the 
same component.

You can prevent this by passing the key param into navigate function as follows:

navigation.navigate({name: 'ScreenB', key: 'ScreenB', params: { id: 1}})

navigation.navigate({name: 'ScreenB', key: 'ScreenB', params: { id: 2}})

Now StackNavigator can check if screen with the same key already exists and 
prevent it from mounting.

Similar codes

0 vote386 views1 answer
React native paper modal background
Javascript React
5 votes395 views1 answer
Wrap text react native
Javascript React
1 vote375 views2 answers
React select disable option
Javascript React
7 votes405 views1 answer
How to place a line break in react native
Javascript React
0 vote459 views1 answer
Show modal by using id in list react
Javascript React
0 vote335 views5 answers
React buttons npm
Javascript React
0 vote427 views1 answer
Copy paste menu react native textinput disable
Javascript React
0 vote381 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote371 views1 answer
How to use mdbreact in react js
Javascript React
0 vote369 views1 answer
Line separator with text in the center react native
Javascript React