chore(example app): upgrade example app to RNv0.69.1

Author: LonelyCpp

example/.flowconfig

@@ -8,13 +8,11 @@
 ; 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
 
+.*/node_modules/resolve/test/resolver/malformed_package_json/package\.json$
+
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
 
@@ -27,8 +25,9 @@ node_modules/react-native/flow/
 [options]
 emoji=true
 
-esproposal.optional_chaining=enable
-esproposal.nullish_coalescing=enable
+exact_by_default=true
+
+format.bracket_spacing=false
 
 module.file_ext=.js
 module.file_ext=.json
@@ -44,10 +43,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
@@ -57,8 +52,6 @@ nonstrict-import=warn
 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.176.3

example/.gitattributes

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+ios/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -28,6 +29,7 @@ build/
 .gradle
 local.properties
 *.iml
+*.hprof
 
 # node.js
 #
@@ -48,12 +50,14 @@ buck-out/
 # For more information about the recommended setup visit:
 # https://docs.fastlane.tools/best-practices/source-control/
 
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
 
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
+/vendor/bundle/

example/.gitignore

@@ -1,6 +1,7 @@
 module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
   bracketSpacing: false,
-  jsxBracketSameLine: true,
   singleQuote: true,
   trailingComma: 'all',
 };

example/.prettierrc.js

@@ -1,14 +1,19 @@
-import React, {useState, useCallback} from 'react';
-import {Text, SafeAreaView, TouchableOpacity, StatusBar} from 'react-native';
+import React, {useState, useCallback, useEffect} from 'react';
+import {
+  Text,
+  SafeAreaView,
+  TouchableOpacity,
+  StatusBar,
+  StyleSheet,
+} from 'react-native';
 import RNBiometrics from 'react-native-simple-biometrics';
 
 const App = () => {
   const [canAuth, setCanAuth] = useState(null);
   const [authenticated, setAuthenticated] = useState(null);
 
-  const checkCanAuth = useCallback(async () => {
-    const success = await RNBiometrics.canAuthenticate();
-    setCanAuth(success);
+  useEffect(() => {
+    RNBiometrics.canAuthenticate().then(setCanAuth);
   }, []);
 
   const authenticate = useCallback(async () => {
@@ -25,35 +30,54 @@ const App = () => {
   }, []);
 
   return (
-    <SafeAreaView
-      style={{
-        flex: 1,
-        padding: 16,
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: '#5e548e',
-      }}>
+    <SafeAreaView style={styles.container}>
       <StatusBar backgroundColor="#fa7e61" />
-      <TouchableOpacity
-        onPress={authenticate}
-        style={{
-          padding: 16,
-          borderRadius: 8,
-          alignItems: 'center',
-          backgroundColor: '#fa7e61',
-        }}>
-        <Text style={{color: 'white', fontSize: 18, fontWeight: 'bold'}}>
-          Bank Balance
-        </Text>
-        <Text style={{color: '#6F1D1B', padding: 12}}>
-          {authenticated ? '🔓' : '🔒'}
-        </Text>
-        <Text style={{color: '#6F1D1B'}}>
-          {authenticated ? '$1,000,000' : '(tap to unlock)'}
-        </Text>
+      <TouchableOpacity onPress={authenticate} style={styles.button}>
+        <Text style={styles.title}>Bank Balance</Text>
+        {canAuth ? (
+          <>
+            <Text style={[styles.subtitle, styles.amount]}>
+              {authenticated ? '🔓' : '🔒'}
+            </Text>
+            <Text style={styles.subtitle}>
+              {authenticated ? '$1,000,000' : '(tap to unlock)'}
+            </Text>
+          </>
+        ) : (
+          <Text style={[styles.subtitle, styles.amount]}>
+            Error, can't use biometrics to authenticate
+          </Text>
+        )}
       </TouchableOpacity>
     </SafeAreaView>
   );
 };
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#5e548e',
+  },
+  button: {
+    padding: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+    backgroundColor: '#fa7e61',
+  },
+  title: {
+    fontSize: 18,
+    color: 'white',
+    fontWeight: 'bold',
+  },
+  subtitle: {
+    color: '#6F1D1B',
+  },
+  amount: {
+    padding: 12,
+  },
+});
+
 export default App;

example/App.js

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby '2.7.5'
+
+gem 'cocoapods', '~> 1.11', '>= 1.11.2'

example/Gemfile

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

example/__tests__/App-test.js

@@ -0,0 +1 @@
+2.7.5

example/_bundle/config

@@ -35,12 +35,12 @@ android_library(
 
 android_build_config(
     name = "build_config",
-    package = "com.example",
+    package = "com.rnsimplebiometrics",
 )
 
 android_resource(
     name = "res",
-    package = "com.example",
+    package = "com.rnsimplebiometrics",
     res = "src/main/res",
 )