您的位置：首页 > Web前端 > React

React Native（七）：Android双击Back键退出应用

2017-01-18 14:30 405 查看
欢迎一起来学习React Native，QQ群：672509442

废话

这是个很常用的小功能，做开发很实用哟

先上代码

import {......, BackAndroid, ToastAndroid} from 'react-native';

componentWillMount(){
BackAndroid.addEventListener('hardwareBackPress', this.onBackAndroid);
}

componentWillUnmount() {
BackAndroid.removeEventListener('hardwareBackPress', this.onBackAndroid);
}

onBackAndroid = () => {
if (this.lastBackPressed && this.lastBackPressed + 2000 >= Date.now()) {
//最近2秒内按过back键，可以退出应用。
return false;
}
this.lastBackPressed = Date.now();
ToastAndroid.show('再按一次退出应用', ToastAndroid.SHORT);
return true;
};


在componentWillMount()和componentWillUnmount()方法中监听back点击事件，然后自定义onBackAndroid()方法，监听两次点击的时间间隔

上个效果图

自己写的demo中用到，其他的东西请自行忽略



欢迎一起来学习React Native，QQ群：672509442

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  双击 back键 android react-native react
相关文章推荐
新的分享
章节导航