边框半径因宽度和颜色而异 - React Native

Question

我该如何解决这个问题？为什么边界和线的半径不同？

<View
  style={{
    flex: 1,
    width: '50%',
    justifyContent: 'center',
    paddingHorizontal: 24,
    paddingVertical: 24,
    backgroundColor: '#fff',
    marginVertical: 48,
    borderColor: '#cc0000',
    borderWidth: 0.2,
    borderRadius: 36,
  }}
/>

Answer 1

这发生在 borderWidth < 0.5 ......你可以将它设为 0.5 或更高......或者使用 borderWidth: StyleSheet.hairlineWidth

但是，根据文档，最好使用 hairlineWidth ... 原因：

<块引用>

细线宽度

这个常数将始终是一个整数像素（所以一条线 由它定义可以看起来很清晰）并且会尝试匹配标准宽度 底层平台上的一条细线。然而，你不应该 依赖它是一个恒定的大小，因为在不同的平台和 屏幕密度，其值的计算方式可能不同。

Answer 2

这可能是因为您嵌套图片的视图的样式。我不知道你是如何制作你在图片中展示的。如果是这种情况，请尝试更改外部视图的不同边框属性以匹配两个边框。