react native 物理返回键Back踩的坑

最新推荐文章于 2025-12-01 04:34:09 发布

原创

最新推荐文章于 2025-12-01 04:34:09 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react native #物理返回键

本文讲述了在React Native项目中遇到的物理返回键导致应用闪退的问题。开发者尝试了各种解决方案，最终发现错误在于使用bind函数时传递了参数，导致函数被赋值而非绑定。修复方法是移除参数，确保绑定的是函数本身。这个问题让作者认识到深入理解基础知识的重要性。

react native 物理返回键实现资料网上很多，推荐官网给的，地址： https://reactnavigation.org/docs/en/redux-integration.html

现在来说说我的坑，因为这是以前的人员写的，他已经离职了，但是这个坑从我接手开始就一直存在，想着有时间再解决吧，现在快上线了，不能再拖了，看了他写的代码，感觉代码没毛病，但是运行就闪退，果然我还是太年轻了，下面是原码，

  componentDidMount() {
    initializeListeners("root", this.props.nav);
    BackHandler.addEventListener(
      "hardwareBackPress",
      this.goBack(this.props.dispatch, this.props.nav)
    );
  }

goBack(dispatch,nav) {
    if (nav.index > 0) {
       dispatch(NavigationActions.back());
       return true;
    }

    if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {
        //两秒内连续点back退出
        return false;
     }
     this.lastBackPressed = Date.now();
     ToastShort("再按一次返回键退出应用");
     return true;
  }

用bind传参结果也是一样的结果，绑定this后还是一样的。

然后找各种资料，各种试，真是