首页 > 其他 > 详细

【React Native】某个页面禁用物理返回键

时间:2020-02-10 12:52:19      阅读:433      评论:0      收藏:0      [点我收藏+]

 1、引入组件

import {

  BackHandler,

} from ‘react-native‘;

 2、添加监听

componentDidMount(): void {

      BackHandler.addEventListener(‘hardwareBackPress‘,
        this.onBackButtonPressAndroid);

  }

 3、监听方法

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

 4、删除监听

componentWillUnmount(): void {
        BackHandler.removeEventListener(‘hardwareBackPress‘,
            this.onBackButtonPressAndroid);
    }

  不会写,也是网上抄的,步骤分清楚,以防后期忘记掉。

【React Native】某个页面禁用物理返回键

原文:https://www.cnblogs.com/xjf125/p/12290270.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!