React Native开发经验集React Native开发React Native开发技巧

Android status bar style forcibl

2018-09-10  本文已影响8人  8ba7c349861d

笔者最近在修复项目中发现的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
上一篇下一篇

猜你喜欢

热点阅读