React Native(七):Android双击Back键退出应用

来源:互联网 发布:男生淘宝店铺推荐 知乎 编辑:程序博客网 时间:2024/05/09 19:57

废话

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

先上代码

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中用到,其他的东西请自行忽略
这里写图片描述

0 1
原创粉丝点击