react-native - 应用程序退出后退单击android react native ？

Question

在 Android Mi Note 3 上，硬件后退按钮不会触发 handleBackPress ，当我点击后退应用程序退出时。

我已经执行了以下代码，但未调用 handleBackPress。

 componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.handleBackPress);
  }

  componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress);
  }

  handleBackPress = () => {
    this.goBack(); // works best when the goBack is async
    return true;
  }

导航代码:

const ModalSignUp = createStackNavigator(
  {
    Signup: { screen: Signup, key: 'Signup' },
    PartyList: { screen: PartyList, key: 'PartyList' },
    StatesList: { screen: StatesList, key: 'StatesList' },

  },
  {
    initialRouteName: 'Signup',
    headerMode: 'none',
    mode: 'card',
  }
);

导航:

this.props.navigation.push("StatesList")

预期:

返回单击硬件按钮，转到上一屏幕。

Answer 1

您的错误可能是您获取下一个 react-navigation View 的方式。

您需要使用.push 在堆栈上创建一个新 View ，当您单击后退按钮时，将触发.goBack()。

默认情况下，后退按钮将始终使导航返回到堆栈中，但是如果堆栈中只有一个 View (当您只使用 .navigate 时会发生这种情况)应用程序将导出。

不确定您是如何浏览 View 的，但这可能是一个解决方案。

编辑:要解决这个问题，在浏览 View 时，使用navigation.push('viewname') 而不是navigation.navigate( ' View 名称')。您不需要任何其他方法(例如您在问题中提出的方法)。

同时检查 docs了解导航的工作原理或 this question