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

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

radius modal-dialog react-native android

Simon · 技术社区 · 5 年前

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

但如果我这样定义它:

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

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

我做错了什么?

1 回复 | 直到 5 年前

Simon 1 年前

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

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

推荐文章

MHSarmadi · 阻止显示未完全加载的图像

2 年前

Bumboobee · 有没有办法将Pdf放入Swal模型中?

2 年前

Thiago P · 修复了模式溢出视口时无法滚动的问题

6 年前

Violet · React Native-模式显示在不同的平面列表屏幕上

6 年前

Jacqueline Connors · CF组件不重置变量

6 年前

Billy G · “角度材质”对话框:如何在父零部件中更改注入的数据时更新这些数据?

6 年前

George Albert · 将数据发送到jquery以在模式中显示

6 年前

Nicolas Hochard · 页面上未加载模式弹出窗口-Javascript

6 年前

HRS · Javascript模式无法打开

6 年前

Sam Joeseph · 如何制作显示wordcloud的模式弹出窗口?

6 年前