Question

我正在尝试为iPhone Xs Max中的react native做一个具体案例？

这是我为react-native-iphone-x-helper中的IphoneX提供的代码的一部分

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

iPhone Xs Max的尺寸是多少，仅添加iPhone Xs Max尺寸就足够了吗？

Answer 1

最后我去了：

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

但是所有的功劳都归功于此PR

Answer 2

您可以使用https://github.com/ptelad/react-native-iphone-x-helper软件包。它使您可以为iPhone X, XS, XS Max & XR

设计本机应用程序

React Native如何检查iPhone Xs Max？

2 个答案: