如何在本机反应模态上设置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',
            }}
          >