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

Question

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

但是如果我这样定义它：

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

什么也没有发生（至少在Android上如此）。我还尝试用Modal包裹View，它们的样式相同但没有成功。

我在做什么错了？

Answer 1

解决方案是使用以下样式将View放在Modal内（紧贴花后）：

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