如何仅将边界半径用于1个角(本机)?

JavaScript React.js

Near小哥西门

2020-03-18

如何在React Native中仅对1个角使用边界半径?

我有一个模态窗口

http://f1.s.qip.ru/etSMz5YP.png

如您所见,下角没有圆角,当我使用backgroundColor作为按钮时会发生这种情况。我试图将溢出隐藏起来设置为模式包装器,但这对我没有帮助。现在,我想对按钮使用边框半径(仅适用于1个角)。

我的代码http://jsbin.com/sexeputuqe/edit?html,css

第2033篇《如何仅将边界半径用于1个角(本机)?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
宝儿Tony 2020.03.18

在您的样式中添加以下属性:

  • borderBottomLeftRadius: number
  • borderBottomRightRadius: number
  • borderTopLeftRadius: number
  • borderTopRightRadius: number

这对我有用。

谢谢

神乐猪猪 2020.03.18

您是否已经尝试以下方法?
- borderBottomLeftRadius:数字
- borderBottomRightRadius:数字
- borderTopLeftRadius:数字
- borderTopRightRadius:数字

Also, you can find more info in the view component docs.

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android