React Native:如何检测应用程序在启动时/从AppSwitcher关闭应用程序后是否出现在前台？

import React, { useEffect } from 'react';
import { AppState, Text } from 'react-native';

const App = () => {
  useEffect(() => {
    const handleAppStateChange = (nextAppState) => {
      if (nextAppState === 'active') {
        console.log('App is in the foreground');
        // 在这里执行应用恢复到前台时的逻辑
      }
    };

    AppState.addEventListener('change', handleAppStateChange);

    return () => {
      AppState.removeEventListener('change', handleAppState怒);
    };
  }, []);

  return (
    <Text>Check App State</Text>
  );
};

export default App;

useEffect(() => {
  const handleAppStateChange = (nextAppState) => {
    console.log('AppState changed:', nextAppState);
    if (nextAppState === 'active') {
      console.log('App is in the foreground');
      // 在这里执行应用恢复到前台时的逻辑
    }
  };

  AppState.addEventListener('change', handleAppStateChange);

  return () => {
    AppState.removeEventListener('change', handleAppStateChange);
  };
}, []);