Skip to content

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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

90cde56 · Feb 2, 2023

History

6 Commits
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Feb 2, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023
Jan 23, 2023

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