cordova+vue作的app解決引入cordova-plugin-splashscreen後啓動先顯示黑屏在顯示啓動頁

先上項目目錄結構
cordova項目結構
圖片描述android

android platform 結構
圖片描述web

圖中用紅框框起來的爲主要修改文件app


這篇主要的講cordova項目引用了cordova-plugin-splashscreen插件後,啓動webapp的時候,會先顯示黑屏,而後在顯示cordova-plugin-splashscreen設置的啓動頁,主要解決 先閃黑屏的問題
關與cordova-plugin-splashscreen插件的使用方法網上不少,這裏就不詳解了webapp

方法一

思路:把先顯示的黑屏改成透明的,這樣就不會先顯示黑屏,而是透明,這樣會形成點擊應用圖標時,會慢那麼一點,這是由於透明看起來沒有差異
解決辦法:
圖片描述spa

這個文件是AndroidManifest.xml 上面的圖有用紅框標註在哪裏,
把這個安卓的主題改成
圖片描述插件

這樣就解決了啓動先顯示黑屏的問題
那麼問題來了,點擊到顯示啓動頁中間停留的時間,雖然比較短,可是讓人感受很差,那麼請看方法二,
方法一隻須要修改一句代碼,則不用新增主題文件,由於這是android自帶的主題orm

方法二

思路:參考安卓的啓動方式,自定義啓動頁顯示
解決方法:更改成自定義主題
圖片描述xml

增長主題文件
圖片描述cordova

文件的名稱爲styles.xml 文件的存放路徑參考上面的項目圖,aaa爲示例圖片,存放文件夾也有在項目圖上標註出來
這樣作就避免了透明主題的等待時間,一點開webapp,就顯示的是aaa.png那張圖片圖片

相關文章
相關標籤/搜索