react native 安卓（特别是小米手机）全面屏是否开虚拟按键的适配

react native 安卓（特别是小米手机）全面屏是否开虚拟按键的适配

做rn蛮久了，遇到的坑无数，谢谢大家带我爬过的坑，这次我也来分享一下，希望帮助到有需要的人！

大家先看先后效果对比：

没开虚拟按键的时候完美：

开了虚拟按键之后，显示不全了：

处理之后的效果：

产生的原因：
andorid全面屏幕中 Dimensions.get(‘window’).height 计算屏幕高度时会自动减少StatusBar 的高度

解决方案：

const { width,height } = Dimensions.get('window');
let deviceHeight = height/width > 1.8 ? height+ NativeModules.StatusBarManager.HEIGHT: height;
然后将deviceHeight设成我们的内容高度就行了！

到这里我以为完美解决了哈哈，其实还有另一个大坑等着呢！
测试了几乎所有主流机型，基本都没问题很完美，唯独小米手机，真的是坑啊！
这时候小米全面屏手机开启虚拟按键的状态是对的，可是没开按键的时候下面没有铺满，缺了一大截，其原因就是它不管开不开按键它的height/width 都大于 1.8 ，因为它的Dimensions.get(‘window’).height不随开不开按键而变化，始终是那个那么高，所以根本无