React Native:在组件挂载时触发AppState侦听器中的活动状态

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

const App = () => {
  useEffect(() => {
    const handleAppStateChange = (nextAppState) => {
      if (nextAppState === 'active') {
        console.log('App has come to the foreground!');
      }
    };

    AppState.addEventListener('change', handleAppStateChange);

    // 清理监听器
    return () => {
      AppState.removeEventListener('change', handleAppStateChange);
    };
  }, []);

  return (
    <View>
      <Text>Welcome to React Native!</Text>
    </View>
  );
};

export default App;

useEffect(() => {
  const handleAppStateChange = (nextAppState) => {
    if (nextAppState === 'active' && AppState.currentState !== 'active') {
      console.log('App has come to the foreground!');
    }
  };

  AppState.addEventListener('change', handleAppStateChange);

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