reactnative监听android返回键

最新推荐文章于 2023-11-27 10:21:42 发布

weixin_30826095

最新推荐文章于 2023-11-27 10:21:42 发布

阅读量362

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/blog-zy/p/10470198.html

本文介绍如何在React Native中监听物理返回键，实现禁止返回上一页的功能，并通过连续点击两次退出应用。设置常量lastBackPressed记录最后一次按下返回键的时间，使用BackHandler在Android设备上监听硬件返回键事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

监听rn中物理返回键，在禁止返回上一页，连续点击两下退出应用，

设置常量

let lastBackPressed  = Date.now()

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

componentWillUnmount() {if (Platform.OS === 'android') {
            // this.showToast('销毁');
            BackHandler.removeEventListener('hardwareBackPress', this.onBackAndroid);
        }
    }

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