React Native iOS 标准和缩放显示

Posted 2023-03-15

【中文标题】React Native iOS 标准和缩放显示

【英文标题】：React Native iOS Standard and Zoomed Display

【发布时间】：2019-01-18 10:07:46

【问题描述】：

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

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

【问题讨论】：

“放大的顶栏”是什么意思？

@MtgKhaJeskai 对不起兄弟，这是一个错字。检查更新的帖子

但是当您说您的应用程序已缩放时，您是什么意思，我无法放大我的应用程序。也许如果你里面有一张图片？

我希望您了解 iOS 中的缩放和标准显示。它不在 mu 应用程序中，但 iphone 用户可以更改手机设置以使所有内容都缩放/标准。当它被放大时，我的应用程序混乱了

啊啊，我知道你现在指的是什么了。所以，对不起，我不知道你能做什么。

【参考方案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;
    

根据您的要求修改它:)