Skip to content

bidah/react-native-ui

 
 

Repository files navigation

React-Native supports iOS and Android Subscribe To The Channel

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:

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 66.4%
  • TypeScript 25.4%
  • Kotlin 2.7%
  • Objective-C 2.4%
  • Ruby 2.3%
  • Objective-C++ 0.8%