react native Expo適配全面屏/Expo識別全面屏和正常屏

1、最新版本的expo已經默認支持了全面屏，即不會像react native cli同樣出現底部黑邊

2、可是全面屏經過Dimensions.get('window')獲取的高度仍是不許確，由於全面屏的statusBar高度問題。

3、適配方案

經過獲取屏幕縱橫比來判斷是否爲全面屏

一、獲取寬高

const {width,height} = Dimensions.get('window')

二、計算縱橫比

const wh = height/width

三、全面屏手機通常縱橫比wh大於1.8，正常手機屏幕小於1.8

四、獲取statusBar高度

const { StatusBarManager } = NativeModules;

五、縱橫比減去2個statusBar高度就是正常的了