【React-native】页面禁用右滑（物理）返回

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：使用app时我们会习惯性的使用自带的右滑返回到上一页面，但由于有时使用弹窗相关组件，右滑返回页面是返回到了上一页面，但是弹窗并没有关闭，因此需要对返回事件进行监听

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、BackHandler组件引入

import { BackHandler } from 'react-native';

二、添加监听

componentDidMount() {
      BackHandler.addEventListener('hardwareBackPress',this.onBackButtonPressAndroid);
  }

onBackButtonPressAndroid = () => {
        if (this.props.navigation.isFocused()) {
            if (this.state.isOpened) {
                //弹窗打开
                ...
                return true;//禁用返回
            }
            
            return false;//false时为正常使用
        }
    }

三、移除监听

componentWillUnmount() {
        BackHandler.removeEventListener('hardwareBackPress',this.onBackButtonPressAndroid);
    }