美文网首页
React Native中Android双击Back键退出应用(

React Native中Android双击Back键退出应用(

作者: 石小泉 | 来源:发表于2017-01-18 14:36 被阅读270次

    废话

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

    先上代码

    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中用到,其他的东西请自行忽略

    Paste_Image.png

    相关文章

      网友评论

          本文标题:React Native中Android双击Back键退出应用(

          本文链接:https://www.haomeiwen.com/subject/ukxbbttx.html