React Native 判断设备是否为iphoneX

最新推荐文章于 2024-01-30 15:04:06 发布

原创最新推荐文章于 2024-01-30 15:04:06 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react

react-native 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用React Native中的Dimensions API来获取屏幕宽度和高度的方法，并通过比较这些值来判断当前设备是否为iPhone X。此外，还展示了如何根据不同平台（iOS）调整此逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import { Dimensions, Platform} from 'react-native'

let screenW = Dimensions.get('window').width;
let screenH = Dimensions.get('window').height;
// iPhoneX
const X_WIDTH = 375
const X_HEIGHT = 812

export function isIphoneX() {
    return (
        Platform.OS === 'ios' &&
        ((screenH === X_HEIGHT && screenW === X_WIDTH) ||
            (screenH === X_WIDTH && screenW === X_HEIGHT))
    )
}