1.5 React Navigation - Part 1

In this tutorial, we will explore navigation support for our React Native application using React Navigation, providing mobile app like navigation among the views. At the end of this tutorial, you will be able to:

  • Configure your React Native application with navigation support
  • Use the Stack Navigator from React Navigation to provide stack like navigation among the views
  • Enable the passing of information among views using navigation parameters


1.5.1 Dataflow


1.5.2 How to

1.Install react-navigation/stack (tested on v6.2.2).
$ expo install @react-navigation/stack

2. Update 'components/MainComponent.js' file.

3. Update 'components/MenuComponent.js' file.

4. Update 'components/DishdetailComponent.js' file.


1.5.3 Screenshots