我是 React Native 的新手,我对 flexbox 如何自动使内容适合屏幕大小感到非常满意。
只要我使用正方形,这就很好用,但是当涉及到圆形时,我似乎必须使用像素指定圆形的大小。 当开发到不同的屏幕尺寸时,这显然不是最优的。
我试过像这样使用 PixelRatio:
height: 90 * pixelRatio,
width: 90 * pixelRatio,
borderRadius: 45 * pixelRatio,
这使它变得更好一些,但在 Iphone 6 和 Iphone 6 plus 上显示的圆圈大小似乎仍然存在巨大差异。
有什么方法可以像使用正方形一样使用 flexbox 自动创建圆的大小?
或者是否有另一种方法可以确保圆圈在不同设备上显示相同?
最佳答案
据我所知,您输入的宽度和高度值是与设备无关的像素。这意味着它们将根据手头设备的像素密度进行缩放。 pixelRatio 将使它极度依赖于设备。 必须在没有 pixelRatio 因素的情况下尝试
height:90,
width:90,
borderRadius:45
关于ios - 在不同的显示器上 react native 相同大小的圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33379141/