App-Template

DEPRECATED: Most of the packages used are either deprecated or outdated. Refer my rn-template repository for the latest working code for both Android & iOS.

Overview

A React-Native App Template (for the time being, Android only) with support for NavDrawer, Tab Layout, Dark Mode and SSO using Facebook and Google.

Development Steps

• Set your project environment using the following link
• Access all your .env file vars using this Package. Don't forget to do the "Extra Step for Android" as mentioned in the docs.
• Make sure the distributionUrl in gradle-wrapper.properties has version >= 6.3
• Generate your app Icon using MakeAppIcon
• Read More about app icon setup on this Link, also create a round icon on AndroidAssetStudio, rename as icon_launcher_round and paste in android icons folder
• To use your own fonts, refer this Link
• To change App name, change app_name value in android/app/src/main/res/values/strings.xml file
• Add babel-plugin-module-resolver for easier imports, make sure to name root folder of code, anything else besides 'src'.
• Use react-native link react-native-vector-icons to link the Icons to your Android and iOS app, else they won't load.
• Add Firebase to your App
• Resolve MultiDex error using this link
• Initialize FB SDK
• Run this Command to generate the Key Hash and Paste the same in Allowed fingerprints in Facebook Dev console

cd android && keytool -exportcert -alias androiddebugkey -keystore "D:\React\ReactNative\rnAppTemplate\android\app\debug.keystore" | "C:\openssl-0.9.8k_X64\bin\openssl" sha1 -binary | "C:\openssl-0.9.8k_X64\bin\openssl" base64