在不同的显示器上反应原生相同大小的圆圈

Question

我是React Native的新手，我对flexbox如何根据屏幕大小自动调整内容非常满意。

只要我正在使用正方形，这就很有用，但是当涉及到圆圈时，似乎我必须使用像素来指定圆的大小。 当开发到不同的屏幕尺寸时，这显然不是最佳的。

我尝试过像这样使用PixelRatio：

height: 90 * pixelRatio,
width: 90 * pixelRatio,
borderRadius: 45 * pixelRatio,

这让它变得更好一点，但是在Iphone 6和Iphone 6 plus上显示的圆圈大小似乎仍然存在巨大差异。

有没有办法使用flexbox自动创建圆的大小，就像它可以用正方形一样？

或者是否有其他方法可以确保圈子在不同的设备上显示相同？

Answer 1

AFAIK，您为宽度和高度输入的值是与设备无关的像素。这意味着它们将根据手中设备的像素密度进行缩放。 pixelRatio将使其非常依赖于设备。 必须在没有pixelRatio因子的情况下尝试它

height:90,
width:90,
borderRadius:45