docs: update example usage

Author: ian-wd

README.md

@@ -11,16 +11,37 @@ npm install react-native-idscan-sdk
 ## Usage
 
 ```js
+import { TouchableOpacity, Text } from 'react-native'
 import { scan, IDScanner_Constants } from 'react-native-idscan-sdk';
 
 // ...
 
-const result = await scan(
-  IDScanner_Constants.TYPE_PDF, // TYPE_ALL, TYPE_MRZ, TYPE_PDF
-  'CAMERA_KEY_HERE',
-  'PARSER_KEY_HERE',
-  (error, scannedData) => console.log(error, scannedData)
-);
+const onScanID = () => {
+  scan(
+    IDScanner_Constants.TYPE_PDF, // TYPE_ALL, TYPE_MRZ, TYPE_PDF
+    {
+      // iOS
+      iosDetectorPDFLicenseKey: 'iOS IdScanner PDF License Key here',
+      iosDetectorMRZLicenseKey: 'iOS IdScanner MRZ License Key here',
+      iosParserPDFLicenseKey: 'iOS IdParser PDF License Key here',
+
+      // Android
+      androidDetectorPDFLicenseKey: 'android IdScanner PDF License Key here',
+      androidDetectorMRZLicenseKey: 'android IdScanner MRZ License Key here',
+      androidParserPDFLicenseKey: 'android IdParser PDF License Key here',
+    }
+    (error, scannedData) => console.log(error, scannedData)
+  );
+}
+
+// ...
+
+<TouchableOpacity
+  onPress={onScanID}
+>
+  <Text>Scan My ID</Text>
+</TouchableOpacity>
+
 ```
 
 ## iOS Quirks

example/src/App.tsx

@@ -1,41 +1,52 @@
-import * as React from 'react';
+import React from 'react';
 
-import { StyleSheet, View, Text } from 'react-native';
+import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
 import { scan, IDScanner_Constants } from 'react-native-idscan-sdk';
 
 export default function App() {
   const [result, setResult] = React.useState<object | undefined>();
 
-  React.useEffect(() => {
-    setTimeout(() => {
-      scan(
-        IDScanner_Constants.TYPE_PDF,
-        {
-          // iOS
-          iosDetectorPDFLicenseKey: 'iOS IdScanner PDF License Key here',
-          iosDetectorMRZLicenseKey: 'iOS IdScanner MRZ License Key here',
-          iosParserPDFLicenseKey: 'iOS IdParser PDF License Key here',
+  // methods
+  const triggerScanner = () => {
+    scan(
+      IDScanner_Constants.TYPE_PDF,
+      {
+        // iOS
+        iosDetectorPDFLicenseKey: 'iOS IdScanner PDF License Key here',
+        iosDetectorMRZLicenseKey: 'iOS IdScanner MRZ License Key here',
+        iosParserPDFLicenseKey: 'iOS IdParser PDF License Key here',
 
-          // Android
-          androidDetectorPDFLicenseKey:
-            'android IdScanner PDF License Key here',
-          androidDetectorMRZLicenseKey:
-            'android IdScanner MRZ License Key here',
-          androidParserPDFLicenseKey: 'android IdParser PDF License Key here',
-        },
-        (error, data) => {
-          console.log(error, data);
+        // Android
+        androidDetectorPDFLicenseKey: 'android IdScanner PDF License Key here',
+        androidDetectorMRZLicenseKey: 'android IdScanner MRZ License Key here',
+        androidParserPDFLicenseKey: 'android IdParser PDF License Key here',
+      },
+      (error, data) => {
+        console.log(error, data);
 
-          if (!error) {
-            setResult(data);
-          }
+        if (!error) {
+          setResult(data);
         }
-      );
-    }, 5000);
-  }, []);
+      }
+    );
+  };
 
   return (
     <View style={styles.container}>
+      <TouchableOpacity
+        onPress={triggerScanner}
+        style={{
+          width: 200,
+          height: 40,
+          backgroundColor: '#a2f6a5',
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginBottom: 10,
+          borderRadius: 5,
+        }}
+      >
+        <Text>Scan ID</Text>
+      </TouchableOpacity>
       <Text>Result: {JSON.stringify(result)}</Text>
     </View>
   );