/Javascript/React/Difference in push and navigate in react Navigation

Difference in push and navigate in react Navigation

The Push action adds a route on top of the stack and navigates forward to it. This differs from navigate in that navigate will pop back to earlier in the stack if a component is already mounted there. Push will always add on top, so a component can be mounted multiple times.

We can take Instagram for example;

Consider navigating to a user's profile. Then you can check user's followers and then you can navigate to their profile's too. If you do this same actions with only navigate action, when you click on an user's profile from the followers list screen will navigate to the previous profile but if you use push it will push a new screen to the stack and show the correct profile. This way you can goBack to the first screen.

Similar codes

32 votes235 views6 answers
Usestate react
Javascript React
0 vote205 views1 answer
Using RN BootSplash with React Navigation
Javascript React
5 votes227 views3 answers
How to open a new tab in react
Javascript React
2 votes251 views1 answer
React native text right align
Javascript React
1 vote239 views2 answers
Expo create react native app
Javascript React
2 votes215 views1 answer
React select with react hook form cotroller
Javascript React
0 vote237 views1 answer
React get dynamic window sizes
Javascript React
19 votes223 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote319 views1 answer
Reactstrap form post
Javascript React
0 vote301 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React