react native Android返回键监听BackHandler

根据文档,BackHandler可以监听Android设备的返回键,在iOS设备不起作用。

BackHandler有三个方法:

exitAPP(),

addEventListener(eventName, handler),

removeEventListener(eventName, handler).

运用BackHandler可以实现按下返回键时不退出APP,而只是返回导航栈的上一页。

在定义导航栈navigator的地方添加代码:

添加事件监听函数:

   componentWillMount() {
        if (Platform.OS === 'android') {
            BackHandler.addEventListener('hardwareBackPress', this.onBackAndroid);
        }
    }
    componentWillUnmount() {
        if (Platform.OS === 'android') {
            BackHandler.removeEventListener('hardwareBackPress', this.onBackAndroid);
        }
    }

定义监听函数:

    onBackAndroid = () => {
        const routers = nav.getCurrentRoutes();
        if (routers.length > 1) {
            nav.pop();
            return true;
        }else{
            let time = new Date();
            this.lastBackPressed = this.thisBackPressed;
            this.thisBackPressed = time.getTime();

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

 

posted on 2018-03-30 15:42  yuliann  阅读(1308)  评论(0编辑  收藏  举报

导航