Javascript 如何仅对1个角点使用边界半径（react native）？

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

我有一个模态窗口

正如你们所看到的，当我使用按钮的背景色时，底角是不圆的。我试图将溢出隐藏设置为模态包装器，但它对我没有帮助。现在我想使用边界半径来创建按钮（仅适用于1个角）

---

我的代码

您是否已经尝试了以下内容？
-

borderBottomLeftRadius

：编号
-

borderbottomrightradies

：编号
-

borderTopLeftRadius

：编号
-

borderTopRightRadius

：编号

---

此外，您还可以在中找到更多信息。

在样式中添加以下属性：

• borderBottomLeftRadius:number

• borderBottomRightRadius:编号

• borderTopLeftRadius:number

• borderTopRightRadius:数字

这对我有用

谢谢

假设仅为图像标记的左上角和左下角设置了半径。

const styles=EStyleSheet.create({
imgBox：{
宽度：px（72），
高度：px（72），
边界半径：2，
borderTopLeftRadius:2，
溢出：“隐藏”，
},
img：{
宽度：px（72），
高度：px（72），
},
})

---

在ios上看起来不错。

我不知道reactjs，但你可以使用

边框顶部/底部左侧/右侧半径

CSS属性（例如

边框底部右侧半径：5px

）大的UI问题：“按取消将XYZ”，但没有取消按钮。此外，“是”似乎与破坏性行动相对应。我强烈建议将按钮标签改为“Discard”（也应该在左边）和“Keep”。你能分享你的元素代码和样式吗？我想我可能知道这里发生了什么。谢谢。对不起，我的代码，但是为了获得想要的效果，您可以在按钮的父视图中使用

溢出：“隐藏”

。是的，我尝试过，但没有效果。在您的示例中，如果两个按钮在问题框中，您需要设置按钮和容器的边界半径。如果没有，那么使用borderBottomLeftRadius和borderBottomRightRadius就可以了。类似于“否”按钮上的

borderBottomLeftRadius:5

，以及“是”按钮上的

borderbottomrightraidius:5

。如果这不起作用，也许可以给我们提供一个你的代码样本，这样我们就可以检查没有其他干扰。在IOS上对我也不起作用。只有

borderRadius

可以工作，但将半径应用于所有corners@kevin

图像

组件的iOS版本。在某些情况下，您可以使用负边距“遮住”不希望圆角的角。请尝试将

溢出：隐藏

放在视图（或文本）中。应该行的。给答案加上更多的解释。@DanielJosePadillaPeña，你找到解决办法了吗？硬编码，添加另一个没有角的图像，隐藏半径。这不是一个好方法，但仍然找到了另一个解决方案。当我添加overflow时，它对我很有效：“hidden”propertyincomplete-您可以添加所需的npm包和缺少的

import

语句吗？

<View style={styles.imgBox}>
  <Image source={{ uri: 'your image url' }} style={styles.img} />
</View>

 const styles = EStyleSheet.create({
 imgBox: {
       width: px(72),
       height: px(72),
       borderBottomLeftRadius: 2,
       borderTopLeftRadius: 2,
       overflow: 'hidden',
 },
 img: {
       width: px(72),
       height: px(72),
  },
})