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.
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.
- 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-iconsto 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