笔者最近在修复项目中发现的bug ,就是Android的modal弹出后会把手机上的状态栏颜色置为透明，导致手机上的白色电量，wifi信号灯图标显示不了，看起来迷之尴尬。之前就有，遗留问题，因为项目上线时间紧张，所以就先放下了，最近开始研究了一下，先看一下未修复之前的问题：
image.png
正常情况下：
image.png
简直不能直视有没有？
https://github.com/facebook/react-native/issues/7474
查看了react-native上的issues试了一下，发现好多人都遇到这样的问题，
于是开始各种方案进行尝试，最终算的比较好的解决了
其实一开始的想法就是当modal弹出的时候就把状态栏隐藏掉就好了，就是全屏覆盖显示了，就不会出现这个问题了。
修复如下：
修改android/app/src/main/res/values/styles.xml 这个文件 将其中的主题修改如下就好了：Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen.
修改前：
image.png
修改后：
image.png
网友评论