javascript - 有没有办法在 react-native 中缩放 View ？

Question

我有一个 View与一些组件 react 原生。虽然一切都在 iPhone 6 和 5 上正确显示，但在 iPhone 4s 上查看时，其中一个组件的底部被稍微切掉了。

我看到有一些方法可以缩放 base64 图标。有什么方法可以将整个容器 View 缩放为均匀地变小或变大？

Answer 1

你的问题可以分为两部分:

1、缩放width , height , paddings和 margins .这些可以通过使用 % 轻松实现。和 aspectRatio .

2、缩放Text ，您可能需要考虑使用 Extended StyleSheet ，它允许您使用 rem .

您可以简单地按照教程“7 Tips to Develop React Native UIs For All Screen Sizes”了解如何使用上述提示。

此外，请查看 Extended StyleSheet Scaling ，允许使用 $scale变量以根据条件进行缩放。