我是React Native的新手,我对flexbox如何将内容自动适应屏幕尺寸感到非常满意。

只要我使用正方形,这就很好用,但是对于圆形,似乎我必须使用像素指定圆形的大小。
当开发成不同的屏幕尺寸时,这显然不是最佳的。

我试过像这样使用PixelRatio:

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


这使它更好一些,但是在Iphone 6与Iphone 6 plus上出现的圆圈大小似乎仍然有很大差异。

有没有什么方法可以像使用正方形一样使用flexbox自动创建圆形的大小?

还是有另一种方法可以确保圆圈在不同设备上的显示相同?

最佳答案

AFAIK,您输入的宽度和高度值是与设备无关的像素。这意味着它们将根据手中设备的像素密度缩放。 pixelRatio将使其与设备极为相关。
必须尝试没有pixelRatio因子

height:90,
width:90,
borderRadius:45

10-04 18:33