代码之家 › 专栏 › 技术社区 › Simon

如何在反应原生模态上设置borderRadius?

radius modal-dialog react-native android

5

Simon · 技术社区 · 6 年前

我有一个 react-native Modal ,我想用圆角渲染它,如下所示:

但如果我这样定义它:

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

什么也没发生(至少在Android上)。我也试着把它包起来 Modal 用一个 View 风格相同,但不再成功。

我做错了什么?

1 回复 | 直到 6 年前

1

9

Simon 3 年前

解决方案是放一个 View 里面 Modal (就在声明之后)使用此样式:

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