react-native移动端设置android闪屏页

前言

因为app启动时会白屏一段时间,导致让人用起来非常的不舒服,后来了解一下知道这叫做闪屏
于是着手解决这个白屏的问题,换个颜色?不行,不如用一张好看的图片来替换,这样才让人看起来更加舒服。
那么该怎么换呢,我直接百度搜索,然后得知有不少是关于这个的比如rn-splash-screenreact-native-splash-screen,这两个我都试了一下,不知道是我配置有问题,还是版本问题,最后都没有实现我想要的效果,并且有一次我把项目改的还运行不了了,最后找到了这个解决方案

只需要一行代码

react-native移动端设置android闪屏页

如图所示我们只需要在rn项目的android/app/src/main/res/values/styles.xml(版本不同目录可能有差异只要找到styles.xml就ok了)
添加这行代码就可以了,其他的看注释可以知道是可选的
<item name="android:windowBackground">@drawable/flasimg</item>
react-native移动端设置android闪屏页
大功告成
@drawable/flasimg 找到drawable目录下名字为flashimg的图片
react-native移动端设置android闪屏页
没有drawable这个文件夹可以新建一个

上一篇:论文引用(endnoteX9)


下一篇:Mapbox相关内容