React Native Boilerplate

Step#1

target 'FitnessApp' do config = use_native_modules!

permissions_path = '../node_modules/react-native-permissions/ios' pod 'Permission-Camera', :path => "#{permissions_path}/Camera" pod 'Permission-PhotoLibrary', :path => "#{permissions_path}/PhotoLibrary"

Flags change depending on the env values.

flags = get_default_flags()Install below package globally.

sudo npm i rn-create-files --global

Step#2

Create your React Native App

npx init create-react-app AwesomeApp

Step#3

Goto your React Native project folder, then run "rn-create-files" command and select "Add Boilerplate".

$ cd AwesomeApp
$ rn-create-files

Step#4

Update your package.json file by adding below lines into script.

"android:build": "cd android; ./gradlew assembleRelease; cd ../",
"gradle:clean": "cd android; ./gradlew clean; cd ../",
"pod:install": "cd ios; pod install; cd ../"

Step#5

• Install all required dependencies for your project.

yarn add  @react-native-async-storage/async-storage @react-native-community/netinfo @react-navigation/native @react-navigation/native-stack @reduxjs/toolkit  lodash react-native-compressor react-native-confirmation-code-field react-native-date-picker react-native-fast-image react-native-gesture-handler react-native-image-picker react-native-permissions react-native-reanimated react-native-safe-area-context react-native-screens [email protected] react-native-splash-screen react-native-svg react-redux

• Install all required dev dependencies for your project.

yarn add -D react-native-dotenv react-native-svg-transformer babel-plugin-module-resolver

• Add below lines to your podfile.

target 'FitnessApp' do
config = use_native_modules!
  
permissions_path = '../node_modules/react-native-permissions/ios'
+ pod 'Permission-Camera', :path => "#{permissions_path}/Camera"
+ pod 'Permission-PhotoLibrary', :path => "#{permissions_path}/PhotoLibrary"

# Flags change depending on the env values.
flags = get_default_flags()

• Install pods for iOS

yarn pod:install

Setup#6

Setup your Splash Screen for iOS and android using this link: https://github.com/crazycodeboy/react-native-splash-screen

Setup#7

Create App icons by using this link: https://www.appicon.co and add App icons for both android and iOS.

Setup#8

Run your project.

yarn android && yarn ios