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

Question

我有一个react-native Modal，我想用这样的圆角渲染它：

但如果我这样定义：

 <Modal
       style={{
                borderTopLeftRadius: 10,
                borderTopRightRadius: 10,
                overflow: 'hidden',
            }}

没有任何反应（至少在 Android 上）。我也试过来包装Modal与View具有相同的风格，但没有更多的成功。

我究竟做错了什么？

Answer 1

解决方案是将 aView放入Modal（在其 decalration 之后）具有以下样式：

      <Modal>
          <View
            style={{
              borderTopLeftRadius: 10,
              borderTopRightRadius: 10,
              overflow: 'hidden',
            }}
          >
      </Modal>