我如何在本机反应中支持多设备支持？答案

【问题标题】：How can i give support Multiple Device Support in react native?我如何在本机反应中支持多设备支持？
【发布时间】：2017-10-04 12:52:07
【问题描述】：

解释：

我创建了一个应用程序，它在 android 手机（480x320，这种类型的设备）和 iPhone 7 plus 及更低版本中看起来很好。当我在平板电脑 Nexus 7（牛轧糖）中运行我的应用程序时。它减小了我的视图的字体大小、图像甚至高度（在 CSS 中指定）。

在 Android 中，我们有不同类型的可绘制文件夹，以便基于 values 文件夹轻松管理多设备支持。

问题：如何管理将在所有设备上运行的应用程序，包括 Android 中的手机和平板电脑以及 iOS 中的 iPhone 和 iPad？

【问题讨论】：

【解决方案1】：

你问了这个问题。通过查看 react native 元素库，我发现了一个他们称为 normalizeText 的函数，你可以在这里找到它：

基本上，他们采用像素比 api，您可以在此处找到该文档： https://facebook.github.io/react-native/docs/pixelratio.html

根据屏幕大小，他们使用从 0.5 到 2 的函数将 with/height/font 的值相乘。我发现这是在每个平台上获得良好视觉效果的好方法。

对于 UI，我建议您尽可能多地使用 flex，因为它使您的应用不受宽度和高度的影响。

如果您需要澄清，请随时发表评论。

【讨论】：