我是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