React Native 中响应式布局的一组有用单元和简单的网格实现。

react-native-units 一组有用的单元和一个简单的网格实现，用于 React Native 中的响应式布局。 React Native 使用与密度无关的像素或 dp 作为默认单位。 这将调整元素大小，使它们在不同设备上的物理大小大致相同。 虽然这很有用，但我错过了 CSS 中可用的一些单位。 设置 从 NPM 添加包。 不需要 react-native-link。 yarn add react-native-units - 或者 - npm install react-native-units 在你需要的地方导入库：从'react-native-units' Units vw(x=1) % 屏幕宽度导入RNU，例如RNU .vw(10) 等于屏幕宽度的 10% vh(x=1) 屏幕高度的 %，例如 RNU.vh(10) 等于屏幕高度的 10% px(x=1) 物理像素基于设备像素比，例如 RNU.px(1) 等于设备上的 1 个像素，对于非常细的线条很方便！ su(x=1) 缩放单位，类似于 CSS 中的 rem。 您可以使用 RNU.setScale(scale) 设置