最好的方法是使响应式布局响应本机

Question

哪种方法是最好的方法，以使响应式布局成为本机响应

Answer 1

使用react-native Dimension Api。

它提供以下功能： 1套 2.得到 3. addEventListener 4. removeEventListener

在构造函数中添加维度事件侦听器“更改”。 每次调用更改侦听器时，请检查Dimension.get（'window'）。width / height 并相应地设置CSS状态。

要分隔iO和android react-native，它提供了“平台” api，通过它我们还可以为不同设备加载组件。

Answer 2

您可以使用flex作为样式，也可以根据iPhone 7的高度和宽度使用这两个功能。

当您需要在某处设置响应大小时，只需使用它们。

const deviceWidth = () => Dimensions.get('window').width;
const deviceHeight = () => Dimensions.get('window').height;

function normalizeWidth(width) {
    const ratio = width / 375;
    return deviceWidth() * ratio;
}

function normalizeHeight(height) {
    const ratio = height / 667;
    return deviceHeight() * ratio;
}

Answer 3

我使用react-native-responsive-layout，它非常易于使用。