Set up React Navigation as an Example

[StuffByLiang]

To be included in the tutorial:

the following commands must be run:

Installing React Navigation & its dependencies

npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npm install @react-navigation/stack
npm install @react-navigation/bottom-tabs

Installing Icons used in the Tab bar

npm install react-native-vector-icons
react-native link react-native-vector-icons

[StuffByLiang]

Initial Thoughts using this library:

Pros

• Tab Navigation is handled by @react-navigation/bottom-tabs
• Navigations within tabs can be handled using @react-navigation/stack
• Very easy to implement these

Cons

• Lots of dependencies (React Navigation, react-native-vector-icons) that must be changed if there are any breaking changes within these repos.

Link to branch: https://github.com/MLH-Fellowship/react-native-tutorial/tree/setup-react-navigation