React Native中安卓物理back键两次按返回键退出应用

话不多说,直接上图:

测试代码

第16~22行 设置事件监听以及移除事件监听.

componentWillMount(){

         BackAndroid.addEventListener('hardwareBackPress', this.onBackAndroid);

}

componentWillUnmount() {

         BackAndroid.removeEventListener('hardwareBackPress', this.onBackAndroid);

}

第24~32行实现onBackAndroid方法

onBackAndroid = () => {

           if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {

           //最近2秒内按过back键，可以退出应用。

          return false;

        }

this.lastBackPressed = Date.now();

ToastAndroid.show('再按一次退出应用', ToastAndroid.SHORT);

return true;

};

代码的核心部分就是上诉所说的那两段代码了,下面送上效果图.

第一次按返回键弹出ToastAndroid框提示再按一次退出应用

两秒中内再按一次返回键退回手机桌面.

看过的书友不要吝啬您的赞哦,您的支持是对作者最大的鼓励，欢迎关注作者微信公众号。