React Native iOS 标准和缩放显示答案

【问题标题】：React Native iOS Standard and Zoomed DisplayReact Native iOS 标准和缩放显示
【发布时间】：2019-01-18 10:07:46
【问题描述】：

我在 RN iOS 应用程序中遇到问题。当显示为标准时，一切都很好，但是当它被缩放时，顶部栏完全混乱，用户无法点击顶部栏中的任何内容。试过 SafeAreaView 但没有帮助。

请问有什么方法可以判断显示是缩放的还是标准的？

【问题讨论】：

“放大的顶栏”是什么意思？
@MtgKhaJeskai 对不起兄弟，这是一个错字。检查更新的帖子
但是当您说您的应用程序已缩放时，您是什么意思，我无法放大我的应用程序。也许如果你里面有一张图片？
我希望您了解 iOS 中的缩放和标准显示。它不在 mu 应用程序中，但 iphone 用户可以更改手机设置以使所有内容都缩放/标准。当它被放大时，我的应用程序混乱了
啊啊，我知道你现在指的是什么了。所以，对不起，我不知道你能做什么。

标签： ios react-native

【解决方案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;
    }
}

根据您的要求修改它:)

【讨论】：