React-navigation物理返回键提示效果BackHandler

Posted 谢玉胜的技术文章

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React-navigation物理返回键提示效果BackHandler相关的知识,希望对你有一定的参考价值。

componentWillMount(){
   BackHandler.addEventListener(‘hardwareBackPress‘, this.onBackandroid);
}

componentWillUnmount() {
   BackHandler.removeEventListener(‘hardwareBackPress‘, this.onBackAndroid);
}
componentDidMount() {
  console.log("当前路由");
console.log(this.props.navigation.state);
}
onBackAndroid = () => {

//这里的路由信息是你自己项目中的,通过这个原理,我们还是可以提示一些其他信息,比如表单没填写完整等等
if(this.props.navigation.state.routeName=="Home"){
           if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {
           //最近2秒内按过back键,可以退出应用。
// BackHandler.exitApp()
return false
        }
this.lastBackPressed = Date.now();
ToastAndroid.show(‘再按一次退出应用‘, ToastAndroid.SHORT);
return true;
}else{
return true;
}
};

以上是关于React-navigation物理返回键提示效果BackHandler的主要内容,如果未能解决你的问题,请参考以下文章

Vue-app:物理返回键设置(单击跳转/双击退出)

react-navigation 的抽屉效果 createDrawerNavigator (DrawerNavigator)

react native 安卓home返回键页面刷新

Android开发如何点击物理返回键返回上个界面

android物理键

【VUE】监听页面返回或移动端物理返回按钮键