Javascript react native modal后面的元素不可单击

这里有点混乱。我创建了一个模态组件，并在容器中调用该模态（父）。在这里，当我的模式弹出时，我努力使容器中的其他组件（父组件）可单击

我已设置了模式高度和宽度：

<Modal transparent={false}
       visible={this.state.isVisible}
       onRequestClose={this.closeModal}>
  <View style={{
          flex: 1,
          flexDirection: 'column',
          justifyContent: 'center',
          alignItems: 'center'}}>
    <View style={{
            width: 300,
            height: 300}}>
      ...
    </View>
  </View>
</Modal>

...

---

但它仍然不起作用。请帮忙。

我想应该是这样的<代码>模态从react native填充孔屏幕，即使您输入高度和宽度，只有内部视图具有模态为全屏的大小。要解决这个问题，您可以创建自己的模式。只需创建一个具有绝对位置的组件，并在父级中调用它

{this.state.isVisible?<ModalComponent />:null}

{this.state.isVisible？：null}

我想这就是它的工作原理<代码>模态从react native填充孔屏幕，即使您输入高度和宽度，只有内部视图具有模态为全屏的大小。要解决这个问题，您可以创建自己的模式。只需创建一个具有绝对位置的组件，并在父级中调用它

{this.state.isVisible?<ModalComponent />:null}

{this.state.isVisible？：null}