如何仅对1个角使用边界半径(react-native)？

Question

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

我有一个模态窗口

正如你可以看到底角没有圆角,当我使用backgroundColor按钮时会发生这种情况.我试图将溢出设置隐藏到模态包装器,它没有帮助我.现在我想使用边框半径到按钮(仅适用于1个角).

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

Answer 1

你有没有试过以下？
- borderBottomLeftRadius:number
- borderBottomRightRadius:number
- borderTopLeftRadius:number
- borderTopRightRadius:number

此外,您还可以在视图组件文档中找到更多信息.

Answer 2

• borderBottomLeftRadius:数字
• borderBottomRightRadius:数字
• borderTopLeftRadius:数字
• borderTopRightRadius:数字

这对我有用.

谢谢

Answer 3

假设只为Image标签的左上角和左下角设置了半径。

<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),
  },
})

对于ios来说看起来不错。