码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-12-13 14:43:31      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:component   其他   表单   ons   ati   路由   handler   amp   pos   

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

标签:component   其他   表单   ons   ati   路由   handler   amp   pos   

原文地址:http://www.cnblogs.com/allenxieyusheng/p/8032059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!