test: unknown face recognition

Author: chze99

example/components/Routes.js

@@ -30,28 +30,27 @@ export default function Routes() {
           <Stack.Screen name="Home2" component={Home2} />
 
           <Stack.Screen name="GroupListPage" component={GroupListPage} />
-          
+
           <Stack.Screen
             name="GroupListFacePage"
             component={GroupListFacePage}
           />
-         
+
           <Stack.Screen name="TestLightPage" component={TestLightPage} />
-          
+
           <Stack.Screen name="AddFace" component={AddFace} />
-         
+
           <Stack.Screen
             name="FaceGroupSettingScreen"
             component={FaceGroupSettingScreen}
           />
-         
+
           <Stack.Screen
             name="FacialRecognitionSettingScreen"
             component={FacialRecognitionSettingScreen}
           />
-          
+
           <Stack.Screen name="SettingScreen" component={SettingScreen} />
-       
         </Stack.Navigator>
       </NavigationContainer>
     </SafeAreaProvider>

example/pages/FaceManagement.js

@@ -106,7 +106,7 @@ export default function FaceMangement({ navigation }) {
         </TouchableOpacity> */}
         <TouchableOpacity
           style={{ backgroundColor: '#33b5e5', padding: 10 }}
-          onPress={() =>  navigation.navigate('Home2')}
+          onPress={() => navigation.navigate('Home2')}
         >
           <Text style={{ color: 'white' }}>home 2</Text>
         </TouchableOpacity>

example/pages/Home.js

@@ -42,7 +42,7 @@ export default function Home({ navigation }) {
   const faceDetectionView = useRef();
   const [image, setImage] = useState(null);
   const [name, setName] = useState(null);
-  const [testimage,settestimage] = useState(null);
+  const [testimage, settestimage] = useState(null);
   const [appState, setAppState] = useState(AppState.currentState);
   const isFocused = useIsFocused();
 
@@ -55,9 +55,7 @@ export default function Home({ navigation }) {
     if (isFocused) {
       createFragment(viewId);
     } else {
-
       destroyFragment(viewId);
-
     }
   }, [isFocused]);
 
@@ -97,10 +95,9 @@ export default function Home({ navigation }) {
       'FaceDetectedEvent',
       async (params) => {
         console.log('detected');
-        // console.log('START counters3:', (counter += 1));
         if (image == null && name == null) {
-          console.log("PARAMS",params)
-          const facetoken=params.faceToken
+          console.log('PARAMS', params);
+          const facetoken = params.faceToken;
           const data = JSON.parse(await AsyncStorage.getItem(facetoken));
           setImage(data.fileName);
           setName(data.faceName);
@@ -116,26 +113,23 @@ export default function Home({ navigation }) {
       }
     );
 
-    const unknownFaceListener= eventEmitter.addListener(
+    const unknownFaceListener = eventEmitter.addListener(
       'UnknownFaceDetectedEvent',
-      async(params) =>{
-        console.log(params)
+      async (params) => {
+        console.log(params);
         // const temp=JSON.parse(params.jsonString);
         // settestimage(temp.imd
       }
-    )
+    );
 
     return () => {
       // Clean up and remove event listeners
       dataListener.remove();
       stopListener.remove();
       unknownFaceListener.remove();
     };
-    
-
-  }, []);
+  });
 
-  let counter = 0;
 
   function getCurrentTime() {
     const currentTime = new Date();
@@ -180,14 +174,16 @@ export default function Home({ navigation }) {
           </TouchableOpacity>
         </View>
         <View>
-        {testimage?
-        <Image
-            style={{ opacity: 1, width: 70, height: 70 }}
-            source={{
-              uri: 'data:image/png;base64,' + testimage,
-            }}
-          />
-          :""}
+          {testimage ? (
+            <Image
+              style={{ opacity: 1, width: 70, height: 70 }}
+              source={{
+                uri: 'data:image/png;base64,' + testimage,
+              }}
+            />
+          ) : (
+            ''
+          )}
         </View>
         <View
           ref={faceDetectionView}
@@ -215,7 +211,6 @@ export default function Home({ navigation }) {
             </Text>
           </View>
         </View>
-
       </View>
       <FacePassViewManager
         style={{

example/pages/Home2.js

@@ -95,7 +95,6 @@ export default function Home2({ navigation }) {
       'FaceDetectedEvent',
       async (params) => {
         console.log('detectd');
-        console.log('START counters3:', (counter += 1));
         if (image == null && name == null) {
           const facetoken = params.faceToken;
           const data = JSON.parse(await AsyncStorage.getItem(facetoken));
@@ -123,7 +122,6 @@ export default function Home2({ navigation }) {
     // );
   }, []);
 
-  let counter = 0;
 
   function getCurrentTime() {
     const currentTime = new Date();
@@ -168,14 +166,16 @@ export default function Home2({ navigation }) {
           </TouchableOpacity>
         </View>
         <View>
-          {testimage ?
+          {testimage ? (
             <Image
               style={{ opacity: 1, width: 70, height: 70 }}
               source={{
                 uri: 'base64/jpg,' + testimage,
               }}
             />
-            : ""}
+          ) : (
+            ''
+          )}
         </View>
         <View
           ref={faceDetectionView}
@@ -203,7 +203,6 @@ export default function Home2({ navigation }) {
             </Text>
           </View>
         </View>
-
       </View>
       <FacePassViewManager
         style={{