/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

0 vote297 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
3 votes304 views2 answers
Whatare portals in react
Javascript React
0 vote331 views1 answer
React yup password with number string and uppercase
Javascript React
1 vote320 views1 answer
Docker react module not found
Javascript React
0 vote359 views1 answer
Uuid react native expo
Javascript React
0 vote335 views2 answers
Alert react native
Javascript React
0 vote279 views2 answers
Dispay react component after some time
Javascript React
0 vote324 views1 answer
How to calc() height in react native for styling
Javascript React
2 votes308 views1 answer
How to align text inside react component
Javascript React
25 votes333 views5 answers
Image react
Javascript React