javascript - React Native - 如何在 View 上实现模式？

Question

根据标题，我希望在单击 View 时打开一个模式

app.js

<View>
    <MediaBar onClick={this.toggleModal}> />

      <Modal show={this.state.isOpen}
      onClose={this.toggleModal}>
      `Here's some content for the modal`
    </Modal>
 </View>

Mediabar.js:https://pastebin.com/6bW5gz99

modal.js:https://pastebin.com/3vQgLyTg

Answer 1

模态组件有一个 visible 属性。

https://facebook.github.io/react-native/docs/modal.html

您只需使用父组件状态更新其值即可。