react-native - React Native - 设备后退按钮处理

Question

我想检查按下设备后退按钮时是否有多个屏幕在堆栈上。如果是，我想显示上一个屏幕，如果不是，我想退出应用程序。
我检查了示例的数量，但那些使用 BackAndroid和 Navigator .但是这两个都被弃用了。 BackHandler替换BackAndroid .我可以使用 props.navigation.goBack(null) 显示上一个屏幕.
但我找不到在堆栈中查找屏幕计数的代码。我不想使用已弃用的 Navigator !

Answer 1

在功能组件中:

import { BackHandler } from 'react-native';

function handleBackButtonClick() {
    navigation.goBack();
    return true;
  }

  useEffect(() => {
    BackHandler.addEventListener('hardwareBackPress', handleBackButtonClick);
    return () => {
      BackHandler.removeEventListener('hardwareBackPress', handleBackButtonClick);
    };
  }, []);