反应本机后退按钮处理程序

时间:2018-07-27 08:48:55

标签: android react-native

我几乎在React-native中到处搜索了BackHandler,但是却没有得到很多信息。

我有4个屏幕-
1)初始屏幕(决定我是否没有登录令牌)转到登录屏幕,否则转到主屏幕
2)登录屏幕
3)主画面
4)详细信息屏幕

2种情况-

1)登录后,我进入主屏幕。单击主屏幕中的项目将带我到详细信息屏幕。

在详细屏幕中,我按返回按钮,然后转到主屏幕,然后在主屏幕中按返回按钮将退出该应用程序。

2)当我没有登录时,我处于登录屏幕。按下后退按钮将退出应用程序。

在上述情况下,如何使用BackHandler

1 个答案:

答案 0 :(得分:2)

尝试设置:

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

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

  handleBackPress = () => {
    this.props.navigation.navigate('Home');
    return true;
  };

在Home中,如果您按Back,则总是转到Home否? (尝试:-D永远不会受伤)