chore: upgrade example to react-native@0.65.1

DylanVann · DylanVann · commit 125f9ccde41d · 2021-09-17T13:27:50.000+07:00
diff --git a/ReactNativeFastImageExample/.eslintrc.js b/ReactNativeFastImageExample/.eslintrc.js
@@ -1,7 +1,7 @@
 module.exports = {
-  root: true,
-  extends: '@react-native-community',
-  rules: {
-    semi: ['error', 'never'],
-  },
+    root: true,
+    extends: '@react-native-community',
+    rules: {
+        semi: ['error', 'never'],
+    },
 }
diff --git a/ReactNativeFastImageExample/.gitignore b/ReactNativeFastImageExample/.gitignore
@@ -28,6 +28,7 @@ build/
 .gradle
 local.properties
 *.iml
+*.hprof
 
 # node.js
 #
diff --git a/ReactNativeFastImageExample/.watchmanconfig b/ReactNativeFastImageExample/.watchmanconfig
@@ -1 +1 @@
-{}
+{}
diff --git a/ReactNativeFastImageExample/android/app/build.gradle b/ReactNativeFastImageExample/android/app/build.gradle
@@ -125,11 +125,6 @@ android {
 
     compileSdkVersion rootProject.ext.compileSdkVersion
 
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-
     defaultConfig {
         applicationId "com.reactnativefastimageexample"
         minSdkVersion rootProject.ext.minSdkVersion
@@ -215,9 +210,13 @@ dependencies {
 // Run this once to be able to run the application with BUCK
 // puts all compile dependencies into folder libs for BUCK to use
 task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.compile
+    from configurations.implementation
     into 'libs'
 }
 
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
+project.ext.vectoricons = [
+    iconFontNames: [ 'Ionicons.ttf'] // Name of the font files you want to copy
+]
+
 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
diff --git a/ReactNativeFastImageExample/android/build.gradle b/ReactNativeFastImageExample/android/build.gradle
@@ -2,25 +2,26 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "29.0.3"
+        buildToolsVersion = "30.0.2"
         minSdkVersion = 21
-        compileSdkVersion = 29
-        targetSdkVersion = 29
+        compileSdkVersion = 30
+        targetSdkVersion = 30
         ndkVersion = "20.1.5948944"
     }
     repositories {
         google()
-        jcenter()
+        mavenCentral()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:4.1.0")
+        classpath("com.android.tools.build:gradle:4.2.1")
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
     }
 }
 
 allprojects {
     repositories {
+        mavenCentral()
         mavenLocal()
         maven {
             // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
@@ -32,7 +33,6 @@ allprojects {
         }
 
         google()
-        jcenter()
         maven { url 'https://www.jitpack.io' }
     }
 }
diff --git a/ReactNativeFastImageExample/android/gradle.properties b/ReactNativeFastImageExample/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.75.1
+FLIPPER_VERSION=0.93.0
diff --git a/ReactNativeFastImageExample/android/gradle/wrapper/gradle-wrapper.properties b/ReactNativeFastImageExample/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.7-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.9-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/ReactNativeFastImageExample/app.json b/ReactNativeFastImageExample/app.json
@@ -1,4 +1,4 @@
 {
-  "name": "ReactNativeFastImageExample",
-  "displayName": "ReactNativeFastImageExample"
-}
+    "name": "ReactNativeFastImageExample",
+    "displayName": "ReactNativeFastImageExample"
+}
diff --git a/ReactNativeFastImageExample/babel.config.js b/ReactNativeFastImageExample/babel.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+    presets: ['module:metro-react-native-babel-preset'],
 }
diff --git a/ReactNativeFastImageExample/index.js b/ReactNativeFastImageExample/index.js
@@ -2,7 +2,6 @@
  * @format
  */
 
-import 'react-native-gesture-handler'
 import { AppRegistry } from 'react-native'
 import App from './src'
 import { name as appName } from './app.json'
diff --git a/ReactNativeFastImageExample/ios/Podfile b/ReactNativeFastImageExample/ios/Podfile
@@ -1,7 +1,7 @@
 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 'ReactNativeFastImageExample' do
   config = use_native_modules!
diff --git a/ReactNativeFastImageExample/ios/ReactNativeFastImageExample.xcodeproj/project.pbxproj b/ReactNativeFastImageExample/ios/ReactNativeFastImageExample.xcodeproj/project.pbxproj
diff --git a/ReactNativeFastImageExample/ios/ReactNativeFastImageExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist b/ReactNativeFastImageExample/ios/ReactNativeFastImageExample.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>IDEDidComputeMac32BitWarning</key>
+	<true/>
+</dict>
+</plist>
diff --git a/ReactNativeFastImageExample/metro.config.js b/ReactNativeFastImageExample/metro.config.js
@@ -6,12 +6,12 @@
  */
 
 module.exports = {
-  transformer: {
-    getTransformOptions: async () => ({
-      transform: {
-        experimentalImportSupport: false,
-        inlineRequires: true,
-      },
-    }),
-  },
-};
+    transformer: {
+        getTransformOptions: async () => ({
+            transform: {
+                experimentalImportSupport: false,
+                inlineRequires: true,
+            },
+        }),
+    },
+}
diff --git a/ReactNativeFastImageExample/package.json b/ReactNativeFastImageExample/package.json
@@ -1,58 +1,58 @@
 {
-  "name": "reactnativefastimageexample",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "android": "react-native run-android",
-    "ios": "react-native run-ios",
-    "start": "react-native start",
-    "test": "jest",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
-  },
-  "jest": {
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
-    "preset": "react-native"
-  },
-  "resolutions": {
-    "@types/react": "^17"
-  },
-  "dependencies": {
-    "@react-native-community/masked-view": "^0.1.7",
-    "@react-navigation/bottom-tabs": "^5.1.0",
-    "@react-navigation/native": "^5.0.8",
-    "@react-navigation/stack": "^5.1.0",
-    "react": "17.0.1",
-    "react-native": "0.64.1",
-    "react-native-fast-image": "^8.1.3",
-    "react-native-gesture-handler": "^1.6.0",
-    "react-native-image-picker": "^4.0.6",
-    "react-native-image-progress": "^1.1.1",
-    "react-native-reanimated": "^1.7.0",
-    "react-native-safe-area-context": "^0.7.3",
-    "react-native-screens": "^2.2.0",
-    "react-native-status-bar-height": "^2.1.0",
-    "react-native-vector-icons": "^8.1.0",
-    "react-timeout": "^1.1.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/runtime": "^7.12.5",
-    "@react-native-community/eslint-config": "^2.0.0",
-    "@types/jest": "^26.0.23",
-    "@types/react-native": "^0.64.5",
-    "@types/react-test-renderer": "^16.9.2",
-    "babel-jest": "^26.6.3",
-    "eslint": "^7.14.0",
-    "jest": "^26.6.3",
-    "metro-react-native-babel-preset": "^0.64.0",
-    "react-test-renderer": "17.0.1",
-    "typescript": "^3.8.3"
-  }
+    "name": "reactnativefastimageexample",
+    "version": "0.0.1",
+    "private": true,
+    "scripts": {
+        "android": "react-native run-android",
+        "ios": "react-native run-ios",
+        "start": "react-native start",
+        "test": "jest",
+        "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+    },
+    "jest": {
+        "moduleFileExtensions": [
+            "ts",
+            "tsx",
+            "js",
+            "jsx",
+            "json",
+            "node"
+        ],
+        "preset": "react-native"
+    },
+    "resolutions": {
+        "@types/react": "^17"
+    },
+    "dependencies": {
+        "@react-native-community/masked-view": "^0.1.7",
+        "@react-navigation/bottom-tabs": "^6.0.5",
+        "@react-navigation/native": "^6.0.2",
+        "@react-navigation/stack": "^6.0.7",
+        "react": "17.0.2",
+        "react-native": "0.65.1",
+        "react-native-fast-image": "^8.1.3",
+        "react-native-gesture-handler": "^1.6.0",
+        "react-native-image-picker": "^4.0.6",
+        "react-native-image-progress": "^1.1.1",
+        "react-native-reanimated": "^2.2.2",
+        "react-native-safe-area-context": "^3.3.2",
+        "react-native-screens": "^3.7.2",
+        "react-native-status-bar-height": "^2.1.0",
+        "react-native-vector-icons": "^8.1.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.12.9",
+        "@babel/runtime": "^7.12.5",
+        "@react-native-community/eslint-config": "^2.0.0",
+        "@types/jest": "^26.0.23",
+        "@types/react-native": "^0.65.0",
+        "@types/react-test-renderer": "^17.0.1",
+        "babel-jest": "^26.6.3",
+        "eslint": "^7.14.0",
+        "jest": "^26.6.3",
+        "metro-react-native-babel-preset": "^0.66.0",
+        "react-native-codegen": "^0.0.7",
+        "react-test-renderer": "17.0.2",
+        "typescript": "^3.8.3"
+    }
 }
diff --git a/ReactNativeFastImageExample/src/LocalImagesExample.tsx b/ReactNativeFastImageExample/src/LocalImagesExample.tsx
@@ -11,7 +11,7 @@ import FastImage, { FastImageProps, Source } from 'react-native-fast-image'
 import Section from './Section'
 import FeatureText from './FeatureText'
 import FieldsBase64 from './images/fields'
-import {launchImageLibrary} from 'react-native-image-picker'
+import { launchImageLibrary } from 'react-native-image-picker'
 import BulletText from './BulletText'
 
 // @ts-ignore
@@ -51,7 +51,7 @@ class PhotoExample extends Component<{}, PhotoExampleState> {
     state: PhotoExampleState = {}
 
     pick = () => {
-        launchImageLibrary({mediaType: 'photo'}, (response) => {
+        launchImageLibrary({ mediaType: 'photo' }, (response) => {
             if (response.didCancel) {
                 console.log('ImagePicker - User cancelled.')
             } else if (response.errorCode) {
diff --git a/ReactNativeFastImageExample/src/index.tsx b/ReactNativeFastImageExample/src/index.tsx
@@ -17,7 +17,7 @@ LogBox.ignoreLogs([
 export default function App() {
     return (
         <NavigationContainer>
-            <Tab.Navigator>
+            <Tab.Navigator screenOptions={{ headerShown: false }}>
                 <Tab.Screen
                     name="FastImage Example"
                     component={FastImageExamples}
diff --git a/ReactNativeFastImageExample/tsconfig.json b/ReactNativeFastImageExample/tsconfig.json
diff --git a/ReactNativeFastImageExample/yarn.lock b/ReactNativeFastImageExample/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,7 @@ build/`
`28`	`28`	`.gradle`
`29`	`29`	`local.properties`
`30`	`30`	`*.iml`
	`31`	`+*.hprof`
`31`	`32`
`32`	`33`	`# node.js`
`33`	`34`	`#`
Original file line number	Diff line number	Diff line change
`@@ -2,25 +2,26 @@`
`2`	`2`
`3`	`3`	`buildscript {`
`4`	`4`	`ext {`
`5`		`- buildToolsVersion = "29.0.3"`
	`5`	`+ buildToolsVersion = "30.0.2"`
`6`	`6`	`minSdkVersion = 21`
`7`		`- compileSdkVersion = 29`
`8`		`- targetSdkVersion = 29`
	`7`	`+ compileSdkVersion = 30`
	`8`	`+ targetSdkVersion = 30`
`9`	`9`	`ndkVersion = "20.1.5948944"`
`10`	`10`	`}`
`11`	`11`	`repositories {`
`12`	`12`	`google()`
`13`		`- jcenter()`
	`13`	`+ mavenCentral()`
`14`	`14`	`}`
`15`	`15`	`dependencies {`
`16`		`- classpath("com.android.tools.build:gradle:4.1.0")`
	`16`	`+ classpath("com.android.tools.build:gradle:4.2.1")`
`17`	`17`	`// NOTE: Do not place your application dependencies here; they belong`
`18`	`18`	`// in the individual module build.gradle files`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`allprojects {`
`23`	`23`	`repositories {`
	`24`	`+ mavenCentral()`
`24`	`25`	`mavenLocal()`
`25`	`26`	`maven {`
`26`	`27`	`// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm`
`@@ -32,7 +33,6 @@ allprojects {`
`32`	`33`	`}`
`33`	`34`
`34`	`35`	`google()`
`35`		`- jcenter()`
`36`	`36`	`maven { url 'https://www.jitpack.io' }`
`37`	`37`	`}`
`38`	`38`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`{`
`2`		`- "name": "ReactNativeFastImageExample",`
`3`		`- "displayName": "ReactNativeFastImageExample"`
`4`		`-}`
	`2`	`+ "name": "ReactNativeFastImageExample",`
	`3`	`+ "displayName": "ReactNativeFastImageExample"`
	`4`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`module.exports = {`
`2`		`- presets: ['module:metro-react-native-babel-preset'],`
	`2`	`+ presets: ['module:metro-react-native-babel-preset'],`
`3`	`3`	`}`