Layout 在多个设备上反应本机常量布局

我有一个简单的应用程序，基本的视图，文本，图像和按钮都是用react native编写的。我面临的问题是管理多个设备的布局。 关于如何为多个设备（多个屏幕分辨率和屏幕大小）保持相同（成比例）的视图和字体大小的任何建议

视图： 例如，如果我想要一个项目列表视图，其中每行左边有一个图像，中间有一些文本，右边有两个按钮（一个在另一个下面，即

柔性方向：“列”

），如何在5英寸设备和10英寸设备上都能保持良好的外观

此外，考虑按钮有一些<代码> BordRADIONS < /代码>，如果我们正在缩放按钮，则<>代码>边界半径值也将需要增加。我如何做到这一点

字体：

---

我尝试过使用

PixelRatio.getFontScale（）

，但这只会根据分辨率（据我所知）来缩放字体。使用此功能，在分辨率较高的5英寸设备上，12号字体看起来更大，而在分辨率较低的10英寸设备上，12号字体看起来更小。那么，如何管理react本机应用程序的字体大小呢？

除了

PixelRatio.getFontScale（）

之外，您还可以使用

Dimensions

API来获取窗口的高度和宽度，并相对于此缩放组件。我已经构建了一个在iOS和android上运行的应用程序，并使用它来缩放width的+高度

签出链接

即

尺寸。获取（“窗口”）。宽度；
尺寸。获取（“窗口”）。高度；

---

除了PixelRatio.getFontScale（）之外，还将返回窗口的大小。您还可以使用

Dimensions

API获取窗口的高度和宽度，并相对于该窗口缩放组件。我已经构建了一个在iOS和android上运行的应用程序，并使用它来缩放width的+高度

签出链接

即

尺寸。获取（“窗口”）。宽度；
尺寸。获取（“窗口”）。高度；

将返回窗口的大小

这个库如何

您可以使用缩放尺寸作为布局边距、高度、填充

(36).scaled() /* or */ (36).d() 

(36).widthScaled() /* or */ (36).w()

(36).heightScaled() /* or */ (36).h()

(24).fontScaled() /* or */ (24).f()

这个图书馆怎么样

您可以使用缩放尺寸作为布局边距、高度、填充

(36).scaled() /* or */ (36).d() 

(36).widthScaled() /* or */ (36).w()

(36).heightScaled() /* or */ (36).h()

(24).fontScaled() /* or */ (24).f()

---

你能详细说明一下如何使用这两种方法吗？我试过单独使用它们，但没有得到预期的结果。详细介绍了如何使用Dimensions API根据设备宽度修改布局。请详细说明如何使用这两种方法？我试过单独使用它们，但没有得到预期的结果。详细介绍了如何使用Dimensions API根据设备宽度修改布局。