React Native如何判断应用从杀死状态启动？Android端AppState问题求助

Android 端的 AppState 没有 iOS 特有的 inactive 状态，仅支持 active 和 background 两种状态，这直接导致你原代码里依赖 inactive → active 来判断杀死状态启动的逻辑完全失效。下面给你两种可行的解决思路：

方法一：利用组件首次挂载的初始状态判断 #

应用从杀死状态启动时，组件挂载瞬间的 AppState.currentState 直接就是 active，且不会触发 change 事件（因为此前无任何状态记录）。我们可以通过一个标志位区分首次挂载和后续状态变化：

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

const App = () => {
    const [appState, setAppState] = useState(AppState.currentState);
    // 标记是否为首次挂载
    const isFirstMount = useRef(true);

    const handleAppStateChange = (nextAppState) => {
        if (appState === 'background' && nextAppState === 'active') {
            console.log('App was opened from a background state.');
        }
        setAppState(nextAppState);
    };

    useEffect(() => {
        const appStateSubscription = AppState.addEventListener('change', handleAppStateChange);

        // 首次挂载时当前状态为active，说明是从杀死状态启动
        if (isFirstMount.current && AppState.currentState === 'active') {
            console.log('App was opened from a killed state.');
            isFirstMount.current = false;
        }

        return () => {
            appStateSubscription.remove();
        };
    }, [appState]);

    return (
        <View>
            <Text>Current App State: {appState}</Text>
        </View>
    );
};

export default App;

方法二：结合原生生命周期（更精准） #

如果需要更严谨的判断，可以借助 Android 原生生命周期区分冷启动（杀死状态启动）和热启动（后台唤醒），再将结果通知给 RN 层：

1. Android 原生层修改 #

在 MainActivity 的 onCreate 方法中判断启动类型，并发送事件到 RN：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // savedInstanceState为null说明是冷启动（杀死状态启动）
    boolean isColdStart = savedInstanceState == null;
    ReactInstanceManager reactInstanceManager = getReactInstanceManager();
    ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
    if (reactContext != null) {
        reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                .emit("appLaunchType", isColdStart ? "cold" : "warm");
    }
}

2. RN 层监听事件 #

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

const App = () => {
    useEffect(() => {
        const subscription = DeviceEventEmitter.addListener('appLaunchType', (type) => {
            if (type === 'cold') {
                console.log('App was opened from a killed state.');
            }
        });
        return () => subscription.remove();
    }, []);

    return <View><Text>App Launch Type Demo</Text></View>;
};

export default App;

这个方法直接利用 Android 原生逻辑判断启动类型，结果更精准可靠。

内容的提问来源于stack exchange，提问作者Karthika Kishore