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:
npm install @react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons
For Tab5:
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