Manasseh-Ankrah/react-native-ui

React-Native

---

Custom Drawer Navigation v6

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

This is starter code for drawer navigation, I'll upload full code once view and like count of this video reached at particular threshold.

Like, Share and subscribe and stay tuned...

Tutorial: https://youtu.be/FATLP5SkGxE

Demo

_____________________________________________________________________ # Floating Action Button (FAB)

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