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;

    }

};

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容