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高度就是正常的了