如何在本机模式上设置borderRadius?

Sim*_*mon 4 android modal-dialog radius react-native

我有一个react-native Modal,我想用这样的圆角渲染它: 模态示例

但如果我这样定义:

 <Modal
       style={{
                borderTopLeftRadius: 10,
                borderTopRightRadius: 10,
                overflow: 'hidden',
            }}
Run Code Online (Sandbox Code Playgroud)

没有任何反应(至少在 Android 上)。我也试过来包装ModalView具有相同的风格,但没有更多的成功。

我究竟做错了什么?

Sim*_*mon 5

解决方案是将 aView放入Modal(在其 decalration 之后)具有以下样式:

      <Modal>
          <View
            style={{
              borderTopLeftRadius: 10,
              borderTopRightRadius: 10,
              overflow: 'hidden',
            }}
          >
      </Modal>
Run Code Online (Sandbox Code Playgroud)