React Native 适配 iphone X XR XS

最新推荐文章于 2024-05-16 09:33:28 发布

Mars-xq

最新推荐文章于 2024-05-16 09:33:28 发布

阅读量406

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/sinat_31057219/article/details/109046200

版权

react 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

ptelad / react-native-iphone-x-helper

react native中文网：SafeAreaView

在这里插入图片描述

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

export function isIphoneX() {
    const dimension = Dimensions.get('window');
    return (
        Platform.OS === 'ios' &&
        !Platform.isPad &&
        !Platform.isTVOS &&
        ((dimension.height === 812 || dimension.width === 812) ||
            (dimension.height === 896 || dimension.width === 896))
    );
}

export function ifIphoneX(iphoneXStyle, regularStyle) {
    if (isIphoneX()) {
        return iphoneXStyle;
    }
    return regularStyle;
}

export function getStatusBarHeight(safe) {
    return Platform.select({
        ios: ifIphoneX(safe ? 44 : 30, 20),
        android: StatusBar.currentHeight,
        default: 0
    });
}

export function getBottomSpace() {
    return isIphoneX() ? 34 : 0;
}