我看過這行代碼：
import { Dimensions, Platform } from 'react-native';
const { height, width } = Dimensions.get('window');
const deviceUtils = (function () {
const iPhone6Height = 667,
iphoneSEHeight = 568,
iPhoneXHeight = 812,
iPhoneXWidth = 375;
return {
dimensions: {
height,
width,
},
iPhone6Height,
iphoneSEHeight,
iPhoneXHeight,
iPhoneXWidth,
isIOS14: ios && parseFloat(Platform.Version as string) >= 14,
isLargePhone: width >= iPhoneXWidth,
isNarrowPhone: width < iPhoneXWidth,
isSmallPhone: height <= iPhone6Height,
isTallPhone: height >= iPhoneXHeight,
isTinyPhone: height <= iphoneSEHeight,
};
})();
export default deviceUtils;
我想問你為什么人們需要這個精確高度的 iPhone？
uj5u.com熱心網友回復：
似乎有人計劃為“寬”、“窄”和“寬”以及三種不同的高度類別撰寫不同的代碼。例如，他們使用 iPhone X 的確切寬度/高度來確保 iPhone X 屬于寬和高類別。
這通常不是您應該做的。決定你想在螢屏上顯示什么。使用約束來適應一切。如果您在安裝所有內容時遇到問題，請使用較小的字體或可調整的字體，或者將所有內容放在滾動視圖中。無論如何，螢屏底部有缺口和東西，事情比“寬度”和“高度”要復雜得多。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/406370.html
標籤：
上一篇：物件陣列回傳空JSX元素