ios - React Native iOS 标准和缩放显示

Question

我在 RN iOS 应用程序中遇到问题。当显示是标准时一切都很好，但是当它缩放时，顶部栏完全困惑，用户无法点击顶部栏中的任何内容。已尝试 SafeAreaView 但无济于事。

问题是有什么方法可以确定显示是缩放的还是标准的？

Answer 1

这是确定显示是缩放还是标准的解决方案

import DeviceInfo from 'react-native-device-info'

const DEVICES = [
    'iPhone X',
    'iPhone XS',
    'iPhone XS Max',
    'iPhone XR'
]

const DEVICE_STANDARD_HEIGHTS = {
    "iPhone X": 812,
    "iPhone XS": 812,
    "iPhone XS Max": 896,
    "iPhone XR": 896,
}


const { height, width } = Dimensions.get("window");

const device_name = DeviceInfo.getModel();


let is_zoomed = false;

if (DEVICES.includes(device_name)) {
    if (DEVICE_STANDARD_HEIGHTS[device_name] > height) { // because when display is zoomed height is less than the standard display
        is_zoomed = true;
    }
}

根据您的要求进行修改:)