1. 程式人生 > 其它 >react-native移動端設定android閃屏頁

react-native移動端設定android閃屏頁

前言

因為app啟動時會白屏一段時間,導致讓人用起來非常的不舒服,後來瞭解一下知道這叫做閃屏
於是著手解決這個白屏的問題,換個顏色?不行,不如用一張好看的圖片來替換,這樣才讓人看起來更加舒服。
那麼該怎麼換呢,我直接百度搜索,然後得知有不少是關於這個的比如rn-splash-screenreact-native-splash-screen,這兩個我都試了一下,不知道是我配置有問題,還是版本問題,最後都沒有實現我想要的效果,並且有一次我把專案改的還執行不了了,最後找到了這個解決方案

只需要一行程式碼

如圖所示我們只需要在rn專案的android/app/src/main/res/values/styles.xml(版本不同目錄可能有差異只要找到styles.xml就ok了)
新增這行程式碼就可以了,其他的看註釋可以知道是可選的
<item name="android:windowBackground">@drawable/flasimg</item>



大功告成
@drawable/flasimg 找到drawable目錄下名字為flashimg的圖片

沒有drawable這個資料夾可以新建一個