如何处理或阻止硬件后退按钮在本机Modal上反应？

Question

对Android应用程序使用react native。使用基于反应本机模态的自定义组件将内容显示在封闭视图上方。

已经尝试对本地Backhandler做出反应

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

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

  handleBackPress = () => {
    this.goBack(); // works best when the goBack is async
    return true;
  }

或像这样

componentDidMount() {
    this.backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
      this.goBack(); // works best when the goBack is async
      return true;
    });
  }

  componentWillUnmount() {
    this.backHandler.remove();
  }

这是开放的问题

Answer 1

不幸的是，这行不通。如果查看文档，将会看到您需要在模式上使用onRequestClose。BackHandler “ ...只要打开模式就不会发出事件”。

这样的事情会起作用：

      <Modal
        visible={visible}
        onRequestClose={() => {
          console.log("back");
        }}
      >