使用React Native检测从应用程序设置/后台返回

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

const App = () => {
  const [appState, setAppState] = useState(AppState.currentState);

  useEffect(() => {
    const handleAppStateChange = (nextAppState) => {
      if (
        appState.match(/inactive|background/) &&
        nextAppState === 'active'
      ) {
        console.log('应用程序从应用程序设置/后台返回');
      }
      setAppState(nextAppState);
    };

    AppState.addEventListener('change', handleAppStateChange);

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

  return (
    <View>
      <Text>应用程序状态: {appState}</Text>
    </View>
  );
};

export default App;