deepbb / bottom_tabs

React-Native

---

install drawer dependency
yarn add @react-navigation/drawer
or
npm i @react-navigation/drawer

Animated Custom Drawer Navigation v6

Link: https://youtu.be/FATLP5SkGxE

Demo

Like, Share and subscribe and stay tuned for more such type of videos...

---

Floating Action Button (FAB)

Tutorial: https://youtu.be/FATLP5SkGxE

react-native-reanimated-2

installation and configuration for android/ios
https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation

Demo

---

React-Navigation

https://reactnavigation.org/docs/getting-started

react-native-animatable

https://github.com/oblador/react-native-animatable

Tutorial:

• Tab1 link: https://youtu.be/XiutL0uLICg
• Tab2 link: https://youtu.be/spA7Rf9Ud_4
• Tab3 link: https://youtu.be/Y7apwk6hQOY

Demo

For Tab4:

• https://reactnavigation.org/docs/material-bottom-tab-navigator

npm install @react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons

For Tab5:

• https://reactnavigation.org/docs/material-top-tab-navigator

npm install @react-navigation/material-top-tabs react-native-tab-view
npm install react-native-pager-view

for expo

expo install react-native-pager-view

______________________________________________________________________________________________

clone the app and run.

npm install or yarn

start react native server

npm start or react-native start

run app into virtual device using

react-native run-android 
or
react-native run-ios