“Tailoron - React Native App”

After integrating the app with firebase go to firebaseConfig.js file and fill the required information.

Integrate the firebase cloud functions in the app

Before using the firebase cloud functions you need to upgrade blaze plan.

Integrate stripe in the app

Before using the stripe create an account and get the publish_key and secret_key from stripe dashboard.

Add the Publish_key in App.js file follow the below image.

After adding the publish_key you need to add the secret_key through this command at the root directory of the project:

firebase functions:config:set stripe.secret_key = your-secret key

Integrate SendGrid with your app. Create a SendGrid account and register an email there. Add your api key and regisered email thorugh the app.

Add the cloud function url here

1. Change App Name for Android

To change app name, open android/app/src/main/values/string.xml file and replace app_name key value.



2. Change App Name for Ios

To change app name, open Xcode under info section



3. Change App Icon for Android

To change app icon, go to android/app/src/main/res/mipmap and replace all mipmap images with your logo



4. Change App Icon for Ios

To change the application icon for the iOS copy all the content of AppIcon.appiconset from the ios>AppIcon.appiconset directory of downloaded makeappicon zip. After copying all the icons from the downloaded icons paste the same in your projects AppIcon.appiconset directory (YourProject -> ios -> YourProject -> Images.xcassets -> AppIcon.appiconset) if it ask to replace the json then click yes to replace.



5. change_packagename for Android

According to this This link
you can run this command from the start
react-native init yourProject -package "com.example.app"
But if you already generated your app via
react-native init yourProject
You can modify app name in file
android/app/src/main/res/values/strings.xml
Then you can modify package name in files
android/app/src/main/java/com/reactNativeSampleApp/MainActivity.java
android/app/src/main/java/com/reactNativeSampleApp/MainApplication.java
android/app/src/main/AndroidManifest.xml ( optional as per my experience )
android/app/build.gradle
Lastly, run the following commands (from inside the app's android/ directory)
./gradlew clean
./gradlew assembleRelease

You can add your change color in globalStyles.js file

For Android:
You can generate build for Android run this command first
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
then in terminal run this comamnd
react-native run-android --variant=release
you can find release apk file from android/src/main folder in project

For Ios:
You have to make some changes in Xcode. First you need to purchase Apple Developer Account then after it go to your Xcode product/scheme/edit scheme and change Build Configration form Debug to release.