React Native | React Navigation Tabs | How to create bottom tab navigator in React Native - 2020

Published: 03 February 2020
on channel: UA Studios
4,022
26

This Video is Continuation to my previous lecture "React Navigation - How to Navigate from one screen in to another" it's recommend that you should watch it first.

Please Subscribe to UA Studios:
   / @uastudios  

React Navigation:    • React Native | React Navigation | How...  

In this brand new session of React Native Tutorials 2020 i will tell you how to create bottom tab navigator using React Navigation Library in to your React Native Project.

Topics to be Covered:
- Create Stack Navigator
- Create Bottom Tab Navigator
- Navigate From one Screen to another
- Customization of Bottom Tab Navigator
- Add icon to Bottom Tab Navigator item.

React Navigation Docs:
https://reactnavigation.org/docs/en/g...

Dependencies:
- npm install react-navigation
- npx expo-cli install react-native-gesture-handler react-native-reanimated react-navigation-stack
- npm install --save react-navigation-stack react-navigation-tabs
- npm i react-native-safe-area-view react-native-safe-area-context &&
react-native link react-native-safe-area-context
- npm i @react-native-community/masked-view
- npm i react-native-screens

Source Code:
github: https://github.com/usaidather/ReactNa...


Watch video React Native | React Navigation Tabs | How to create bottom tab navigator in React Native - 2020 online, duration hours minute second in high quality that is uploaded to the channel UA Studios 03 February 2020. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 4,022 times and liked it 26 visitors.