Merge pull request #5 from handi-dev/react-native-064

React native 0.64.0

Author: handipriyono

.flowconfig

@@ -8,10 +8,6 @@
 ; Ignore polyfills
 node_modules/react-native/Libraries/polyfills/.*
 
-; These should not be required directly
-; require from fbjs/lib instead: require('fbjs/lib/warning')
-node_modules/warning/.*
-
 ; Flow doesn't support platforms
 .*/Libraries/Utilities/LoadingView.js
 
@@ -30,6 +26,8 @@ emoji=true
 esproposal.optional_chaining=enable
 esproposal.nullish_coalescing=enable
 
+exact_by_default=true
+
 module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.ios.js
@@ -44,10 +42,6 @@ suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
-suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
-
 [lints]
 sketchy-null-number=warn
 sketchy-null-mixed=warn
@@ -58,7 +52,6 @@ deprecated-type=warn
 unsafe-getters-setters=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
-deprecated-utility=error
 
 [strict]
 deprecated-type
@@ -70,4 +63,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.122.0
+^0.137.0

.gitattributes

@@ -1 +1,3 @@
-*.pbxproj -text
+# Windows files should use crlf line endings
+# https://help.github.com/articles/dealing-with-line-endings/
+*.bat text eol=crlf

README.md

@@ -1,13 +1,14 @@
 # react-native-boilerplate
 
 ## What is React Native Boilerplate
- It is a template that you can clone and reuse for every project. It is starting point for React Native application.
+
+It is a template that you can clone and reuse for every project. It is starting point for React Native application.
 
 ## React Native Boilerplate
 
 consist of:
 
-- react-native": "0.63.4"
+- react-native": "0.64.0"
 - react-navigation and its dependencies
 - redux, redux persist and redux thunk
 - react native vector icons
@@ -20,7 +21,24 @@ consist of:
 3. Remove `.git` folder, `rm -rf .git`
 4. Use [React Native Rename](https://github.com/junedomingo/react-native-rename) to update project name `$ npx react-native-rename <newName>`
 5. Run `npm install` to install dependencies
-6. Run `npx pod-install` from root of your project
+6. Run `npx pod-install` from root of your project.
+
+   If you got error like: `The version of CocoaPods used to generate the lockfile (x.x.x) is higher than the version of the current executable (x.x.x)`, then you can upgrade your cocoapods version.
+
+   If you install cocoapods using homebrew, you can using this command: `brew upgrade cocoapods` if that does not work, try `brew install cocoapods`.
+
+   If you previously install using `gem`, then use this command and run on your terminal: `sudo gem install cocoapods`.
+
+   make sure your cocoapods version is updated after run that command.
+
+   To check your current version of cocoapods, run `pod --version`.
+
+   After that, don't forget to execute in your terminal `pod repo update`
+
+   And, finally, run `npx pod-install`. Those methods must be solved that problem.
+
+   Last method: If All the above steps not work, remove `Podfile.lock` in folder `ios` , and then run `npx pod-install`.
+
 7. Start the packager with `npm start`
 8. Connect your device or use emulator that's installed in your pc
 9. Run the test application:
@@ -34,18 +52,20 @@ consist of:
 
 ## List of Q & A:
 
-  #### I got error `Error: spawn ./gradlew EACCES` when run `npx react-native run-android`.
-  Run this command `chmod 755 android/gradlew` from your root project directory
+#### I got error `Error: spawn ./gradlew EACCES` when run `npx react-native run-android`.
+
+Run this command `chmod 755 android/gradlew` from your root project directory
+
+#### I got error `Error: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.`
 
-  #### I got error `Error: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.`
-  - Go to your Project -> Android
-  - Create a file local.properties
-  - Open the file
-  - Paste your Android SDK path depending on the operating system:
+- Go to your Project -> Android
+- Create a file local.properties
+- Open the file
+- Paste your Android SDK path depending on the operating system:
 
-    - Windows:
-      sdk.dir=C:/Users/`USERNAME`/AppData/Local/Android/sdk
-    - Linux or MacOS
-      sdk.dir=/home/`USERNAME`/Android/sdk
+  - Windows:
+    sdk.dir=C:/Users/`USERNAME`/AppData/Local/Android/sdk
+  - Linux or MacOS
+    sdk.dir=/home/`USERNAME`/Android/sdk
 
-  - Replace `USERNAME` with your PC username
+- Replace `USERNAME` with your PC username

_editorconfig

@@ -0,0 +1,3 @@
+# Windows files
+[*.bat]
+end_of_line = crlf

android/app/BUCK renamed to android/app/_BUCK

@@ -121,6 +121,8 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 def enableHermes = project.ext.react.get("enableHermes", false);
 
 android {
+    ndkVersion rootProject.ext.ndkVersion
+
     compileSdkVersion rootProject.ext.compileSdkVersion
 
     compileOptions {
@@ -169,11 +171,12 @@ android {
         variant.outputs.each { output ->
             // For each separate APK per architecture, set a unique version code as described here:
             // https://developer.android.com/studio/build/configure-apk-splits.html
+            // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
             def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
             def abi = output.getFilter(OutputFile.ABI)
             if (abi != null) {  // null for the universal-debug, universal-release variants
                 output.versionCodeOverride =
-                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+                        defaultConfig.versionCode * 1000 + versionCodes.get(abi)
             }
 
         }
@@ -216,5 +219,4 @@ task copyDownloadableDepsToLibs(type: Copy) {
     into 'libs'
 }
 
-apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

android/app/build.gradle

@@ -4,5 +4,10 @@
 
     <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
 
-    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" />
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning">
+        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
 </manifest>

android/app/src/debug/AndroidManifest.xml

@@ -21,7 +21,5 @@
             <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
       </activity>
-      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
     </application>
-
 </manifest>

android/app/src/main/AndroidManifest.xml

@@ -9,14 +9,13 @@ public class MainActivity extends ReactActivity {
    * rendering of the component.
    */
 
+   @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(null);
+    }
 
-  @Override
-  protected void onCreate(Bundle savedInstanceState) {
-      super.onCreate(null);
-  }
-  
   @Override
   protected String getMainComponentName() {
-    return "reactNativeBoilerplate";
+    return "reactnativeboilerplate";
   }
 }

android/app/src/main/java/com/reactnativeboilerplate/MainActivity.java

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">reactNativeBoilerplate</string>
+    <string name="app_name">reactnativeboilerplate</string>
 </resources>