如何在 React Native 中设置 Android 屏幕、分辨率、纵横比和大小？

Posted 2023-05-07

【中文标题】如何在 React Native 中设置 Android 屏幕、分辨率、纵横比和大小？

【英文标题】：How to set Android screen, resolution, aspect ratio and size in React Native?

【发布时间】：2021-09-05 08:36:15

【问题描述】：

我正在使用 ReactNative 和 android。我正在为 CSS 使用样式组件

由于使用 styled-component 进行设计，长宽比在我的设备上非常适合，但在其他设备上测试时，屏幕坏了或比例不匹配。

所以，我很好奇的是什么方法是使用相同的纵横比、分辨率和屏幕尺寸来适应所有设备的最佳方式。

【参考方案1】：

我使用https://www.npmjs.com/package/react-native-responsive-screen的最佳方式 用于响应式 UI。尽可能使用 wp('10%') 或 hp('20%')。