feat: Upgrade to react native 0.66

.env

@@ -1,5 +1,5 @@
-APP_VERSION_CODE=REPLACE_BUILD_NUMBER
+APP_VERSION_CODE=5
 APP_VERSION_NAME=1.2.0
 APP_ID=com.reime005.spaceseek
 APP_NAME=Space Seek
-GOOGLE_MAPS_KEY=REPLACE_MAPS_KEY
+GOOGLE_MAPS_KEY=11

__tests__/Basic-test.tsx

@@ -45,22 +45,18 @@ it('SubText renders correctly', async () => {
 });
 
 it('BasePage renders correctly', async () => {
-  const tree = renderer
-    .create(<BasePage theme={lightTheme}></BasePage>)
-    .toJSON();
+  const tree = renderer.create(<BasePage theme={lightTheme} />).toJSON();
   expect(tree).toMatchSnapshot();
 });
 
 it('StyledBaseScroll renders correctly', async () => {
   const tree = renderer
-    .create(<StyledBaseScroll theme={lightTheme}></StyledBaseScroll>)
+    .create(<StyledBaseScroll theme={lightTheme} />)
     .toJSON();
   expect(tree).toMatchSnapshot();
 });
 
 it('IconWrapper renders correctly', async () => {
-  const tree = renderer
-    .create(<IconWrapper theme={lightTheme}></IconWrapper>)
-    .toJSON();
+  const tree = renderer.create(<IconWrapper theme={lightTheme} />).toJSON();
   expect(tree).toMatchSnapshot();
 });

__tests__/__snapshots__/Basic-test.tsx.snap

@@ -2,6 +2,8 @@
 
 exports[`BasePage renders correctly 1`] = `
 <View
+  collapsable={false}
+  nativeID="animatedComponent"
   style={
     Object {
       "backgroundColor": "#fff",

android/app/build.gradle

@@ -221,7 +221,7 @@ dependencies {
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
-      exclude group:'com.facebook.fbjni'
+        exclude group:'com.facebook.fbjni'
     }
 
     debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {

android/app/src/debug/java/com/reactnativebase/ReactNativeFlipper.java

@@ -25,7 +25,7 @@
 import okhttp3.OkHttpClient;
 
 public class ReactNativeFlipper {
-  public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
+  public static void initializeFlipper(Context context, final ReactInstanceManager reactInstanceManager) {
     if (FlipperUtils.shouldEnableFlipper(context)) {
       final FlipperClient client = AndroidFlipperClient.getInstance(context);
 
@@ -35,7 +35,7 @@ public static void initializeFlipper(Context context, ReactInstanceManager react
       client.addPlugin(new SharedPreferencesFlipperPlugin(context));
       client.addPlugin(CrashReporterPlugin.getInstance());
 
-      NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
+      final NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
       NetworkingModule.setCustomClientBuilder(
           new NetworkingModule.CustomClientBuilder() {
             @Override

android/build.gradle

@@ -3,7 +3,7 @@
 buildscript {
     ext {
         buildToolsVersion = "29.0.3"
-        minSdkVersion = 18
+        minSdkVersion = 21
         compileSdkVersion = 29
         targetSdkVersion = 29
         kotlinVersion = '1.3.41'

android/gradle.properties

@@ -25,4 +25,4 @@ android.useAndroidX=true
 android.enableJetifier=true
 
 # Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.54.0
+FLIPPER_VERSION=0.99.0

android/gradle/wrapper/gradle-wrapper.properties

@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.2.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists

detox.config.js

@@ -46,5 +46,17 @@ module.exports = {
         pathBuilder: './e2e/detox.pathbuilder.android.js',
       },
     },
+    'android.emu.debug': {
+      type: 'android.emulator',
+      build:
+        'cd android ; ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug ; cd -',
+      binaryPath: './android/app/build/outputs/apk/release/app-debug.apk',
+      device: {
+        avdName: 'emu',
+      },
+      artifacts: {
+        pathBuilder: './e2e/detox.pathbuilder.android.js',
+      },
+    },
   },
 };

index.d.ts

@@ -1,4 +1,11 @@
-declare module "*.svg" {
-  const content: any;
+declare module '*.png' {
+  const content: ImageSourcePropType;
+  export default content;
+}
+
+declare module '*.svg' {
+  import React from 'react';
+  import { SvgProps } from 'react-native-svg';
+  const content: React.FC<SvgProps>;
   export default content;
 }

ios/Podfile

@@ -1,23 +1,25 @@
 require_relative '../node_modules/react-native/scripts/react_native_pods'
 require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 
-platform :ios, '10.0'
+platform :ios, '11.0'
 
 target 'SpaceSeek' do
   config = use_native_modules!
 
-  use_react_native!(:path => config["reactNativePath"])
+  use_react_native!(
+    :path => config[:reactNativePath],
+    # to enable hermes on iOS, change `false` to `true` and then install pods
+    :hermes_enabled => true
+  )
 
   # Enables Flipper.
   #
   # Note that if you have use_frameworks! enabled, Flipper will not work and
-  # you should disable these next few lines.
-  use_flipper!
-  post_install do |installer|
-    flipper_post_install(installer)
+  # you should disable the next line.
+  use_flipper!()
 
-    installer.pods_project.build_configurations.each do |config|
-      config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"] = "arm64"
-    end
+  post_install do |installer|
+    react_native_post_install(installer)
+    __apply_Xcode_12_5_M1_post_install_workaround(installer)
   end
 end