我使用React原生的iOS和Android在过去6个月的过程中构建了最疯狂的复杂应用程序。
一切都很完美，一切都很好......
我使用我编写的特殊组件为iPhone 4s，5,6,6 +设计，基本上就像...
override: {
ip4: { fontSize: 8 },
ip5: { fontSize: 10 }
}
等
这实际上适用于iOS 完美。
今天我开放了GA并且害怕意识到我忘记了Android的风格。我查看了我们的Google分析，并且确实有700种不同的屏幕尺寸。
我对所有这些设计的前景感到十分困惑，特别是考虑到多个像素密度。
我的问题是，我实际上做了什么来解释......
对于如何处理所有不同组合，我很困惑的两件事。
我看过PixelRatio，但我不知道如何使用它，或者即使我走在正确的轨道上。
大多数人如何处理这个问题？
答案 0 :(得分：0)
您可以同时使用Dimensions和PixelRatio来获取屏幕尺寸和像素。 我使用它来例如根据屏幕尺寸设置图像大小。
例如：
import Dimensions from 'Dimensions';
import PixelRatio from 'PixelRatio';
var {height, width} = Dimensions.get('window');
var pixelr = PixelRatio.get();
// Calculate styles, heights, fontsizes based on the numbers above
答案 1 :(得分：0)
您可以使用媒体查询来管理多种屏幕尺寸，我在开发的早期阶段使用了我的phonecap（cordova）中的媒体查询概念。
我在搜索时找到了教程，我觉得它很有帮助，
答案 2 :(得分：0)
我们在应用程序周围使用了flexbox。因此，当空间可用时，内容就会适应。
当然，我们在尝试和测试时失去了整整一天