Javascript 反应本机边界半径渲染

在CSS中将边界半径添加到边界时，边界半径周围的宽度将逐渐减小，如本例所示：

。示例{
宽度：100px；
高度：50px；
背景：#000；
边框底部：4倍纯红；
边框右下半径：20px；
}

---

面临同样的问题，无法找到使用borderRadius样式的解决方案。通过使用两个高度不同的视图进行求解。但不确定这是否是一个好办法。检查工作样本

view1:{        
    width:200,
    height:100,
    backgroundColor:'red',
    borderRadius:10,    
    alignItems:'center'
  },

view2:{
    alignItems:'center',
    justifyContent:'center',
    width:200,
    height:95,
    backgroundColor:'white',
    borderBottomEndRadius:10,
    borderBottomStartRadius:10
  }

---

您的边框剪辑，因为您刚刚设置了

底部

边框。同时尝试应用宽度和颜色相同的

左

和

右

边框，它将正常工作

---

自然直觉会让你认为角落应该是视图“顶部”的一部分，但它们实际上是侧面。

在等待其他解决方案时，我会记住这一点。我想对各种各样的元素使用这种效果，这将导致相当多的额外编码和可能的元素特定调整，我宁愿避免。当然@MelvinKoopmans，其他人可能有更好的解决方案。如果我们可以对样式进行特定调整，效果会更好。对于IOS，您只需在样式中添加

overflow:hidden

。