Skip to content

React-Native-Repositories/React-Native-Basic-Setup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Basic Setup

Features:

✅ Folder Architecture.

✅ Stack, Tab and Drawer Navigation.

✅ Font and Size Responsive Design for all mobile screens.

✅ Light and Dark Mode.

✅ SVG Images Rendering.

✅ Language Translation.

✅ GraphQL Setup.

Step 1

npx react-native init ProjectName

Copy all Files from above Repository except default

Step 2

npm i --save @react-native-masked-view/masked-view @react-navigation/native @react-navigation/stack formik metro-config yup react-native-gesture-handler react-native-safe-area react-native-safe-area-context react-native-screens react-native-svg react-native-svg-transformer react-native-vector-icons lodash @react-navigation/bottom-tabs lottie-react-native react-native-iphone-x-helper @react-native-async-storage/async-storage react-native-toast-message react-native-reanimated @react-native-community/netinfo react-native-localize native-base react-i18next i18next react-native-app-intro-slider babel-plugin-module-resolver @apollo/client

Step 3

npx react-native assest ( to added fonts to android/ios )

cd/ios - pod install

Step 4

npm run-android

npm run ios