arshiyanaz1 / react-native-ui

react-native

clone the module and add on any react-native or expo project.

install following 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 i @react-navigation/stack
npm i react-native-vector-icons
react-native link react-native-vector-icons
npm install react-native-paper
npm i @react-navigation/bottom-tabs
npm i react-native-animatable

React-Navigation

https://reactnavigation.org/docs/navigation-prop/

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