Android 如何在react native中支持多设备支持?

Android 如何在react native中支持多设备支持?,android,ios,css,react-native,Android,Ios,Css,React Native,说明: 我已经创建了一个应用程序,它在android手机(480x320,这类设备)和iPhone7 plus及以下版本中运行良好。当我在平板电脑Nexus7(牛轧糖)上运行我的应用程序时。它减少了我的视图的字体大小、图像甚至高度(在CSS中指定) 在Android中,我们有不同类型的drawable文件夹,可以方便地管理基于values文件夹的多设备支持 问题:我如何管理将在所有设备上运行的应用程序,包括Android中的phone和table以及iOS中的iPhone和iPad?你问了这个问

说明:

我已经创建了一个应用程序,它在android手机(480x320,这类设备)和iPhone7 plus及以下版本中运行良好。当我在平板电脑Nexus7(牛轧糖)上运行我的应用程序时。它减少了我的视图的字体大小、图像甚至高度(在CSS中指定)

在Android中,我们有不同类型的drawable文件夹,可以方便地管理基于values文件夹的多设备支持


问题:我如何管理将在所有设备上运行的应用程序,包括Android中的phone和table以及iOS中的iPhone和iPad?

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

基本上,它们采用像素比率api,您可以在这里找到:

根据屏幕大小,他们使用0.5到2的值乘以/height/font的值。我发现这是一个很好的解决方案,可以在每个平台上获得良好的视觉效果

对于UI,我建议您尽可能多地使用flex,因为它使您的应用程序独立于宽度和高度


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

谢谢您的回答。我们可以使用MediaQuery库进行此操作吗?你用过吗?我没用过,但看起来很好,如果你喜欢就用。当然为什么不?iPad和平板电脑呢?我找到了一个链接,上面提到了同样的东西。请在我的路上参考一个链接,虽然我在回答时对它发表了评论!