仅在 React Native 中针对移动设备的布局响应

Layout responsiveness for mobile only in react native

我正在学习 React Native 布局,据我了解,dp 单元并非在所有设备上都有响应。我的布局在较小的设备(例如 5 英寸屏幕)上溢出。如何确保我的应用仅在移动设备上完全响应?

为此,您可以使用 Dimensions API 找到显示尺寸,然后您可以呈现不同的样式和 ui 不同显示尺寸的展示位置。用百分比定义宽度和高度比使用 dp 单位更有效。