@momo-kits/foundation 0.151.1-tracking.3 → 0.151.1-tracking.5

package/Application/BottomTab/index.tsx

@@ -15,6 +15,7 @@ import React, {
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import {
   Animated,
+  AppState,
   Platform,
   StatusBar,
   StyleSheet,
@@ -44,34 +45,57 @@ const TabScreen: React.FC<any> = ({ route, navigation }) => {
   const opacity = useRef(new Animated.Value(opacityValue)).current;
   const scale = useRef(new Animated.Value(scaleValue)).current;
   const screenName = screen?.name || screen?.type?.name || 'Invalid';
+  const appState = useRef(AppState.currentState);
+  let isBackgroundToForeground = useRef(false);
 
   const onScreenNavigated = useCallback(
     (pre: string, current: string) => {
-      const data: any = {
-        preScreenName: pre,
-        screenName: current,
-        componentName: 'Screen',
-        state: 'navigated',
-        action: 'push',
-      };
+      if (!isBackgroundToForeground.current) {
+        const data: any = {
+          preScreenName: pre,
+          screenName: current,
+          componentName: 'Screen',
+          state: 'navigated',
+          action: 'push',
+        };
 
-      context?.autoTracking?.({
-        ...context,
-        ...data,
-      });
+        context?.autoTracking?.({
+          ...context,
+          ...data,
+        });
 
-      /**
-       * debug toast
-       */
-      navigator?.maxApi?.showToastDebug?.({
-        appId: context.appId,
-        message: `${screenName} screen_navigated`,
-        type: 'ERROR',
-      });
+        /**
+         * debug toast
+         */
+        navigator?.maxApi?.showToastDebug?.({
+          appId: context.appId,
+          message: `${screenName} screen_navigated`,
+          type: 'ERROR',
+        });
+      }
+
+      if (isBackgroundToForeground.current)
+        isBackgroundToForeground.current = false;
     },
     [context, navigator?.maxApi, screenName],
   );
 
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', nextAppState => {
+      if (
+        appState.current.match(/inactive|background/) &&
+        nextAppState === 'active'
+      ) {
+        isBackgroundToForeground.current = true;
+      }
+      appState.current = nextAppState;
+    });
+
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
   useFocusEffect(
     React.useCallback(
       () => {

package/Application/StackScreen.tsx

@@ -158,7 +158,7 @@ const StackScreen: React.FC<any> = props => {
   }, []);
 
   const onScreenNavigated = (pre: string, current: string) => {
-    if (!isBackgroundToForeground) {
+    if (!isBackgroundToForeground.current) {
       const item: any = {
         preScreenName: pre,
         screenName: current,
@@ -184,7 +184,8 @@ const StackScreen: React.FC<any> = props => {
       });
     }
 
-    if (isBackgroundToForeground) isBackgroundToForeground.current = false;
+    if (isBackgroundToForeground.current)
+      isBackgroundToForeground.current = false;
   };
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.151.1-tracking.3",
+  "version": "0.151.1-tracking.5",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},