目前用flutter開發(fā)app,需要為雙平臺添加啟動圖,采用github上的flutter_native_splash.
目前來說說踩下的坑!!!
先說下集成用法:
?在pubspec.yaml中添加
dependencies:flutter_native_splash:^2.2.11
運行flutter pub get
第一個坑:因為用的flutter版本是3.0,運行flutter pub get后會版本不匹配
解決方法:
1.升級flutter版本,因為flutter_native_splash:^2.2.11需要更高的flutter版本.
2.降低flutter_native_splash:^2.2.11版本為flutter_native_splash:^2.2.7
Customize the following settings and add to your project's?pubspec.yaml?file or place in a new file in your root project folder named?flutter_native_splash.yaml.
第二個坑:自己新建了一個flutter_native_splash.yaml文件,然后設(shè)置后運行flutter pub run flutter_native_splash:create,發(fā)現(xiàn)不起作用.如果自己創(chuàng)建了文件,應(yīng)該運行的是flutter pub run flutter_native_splash:create --path=path/to/my/file.yaml命令,其實可以把flutter_native_splash寫在自帶的yaml文件中.
第三個坑:一開始跑在ios真機上,發(fā)現(xiàn)一進去黑屏,已經(jīng)在Runner工程設(shè)置好啟動圖,最后發(fā)現(xiàn)是啟動圖的問題,啟動圖是從assets文件里拿的一張圖,分辨率很高.找了很久的原因,最后降低分辨率為1080p左右,設(shè)置好@2x,@3x圖片,發(fā)現(xiàn)在ios運行就沒問題了
第四個坑:弄完ios開始搞安卓,發(fā)現(xiàn)IDEA安裝安卓模擬器也是各種坑,因為gradle版本的問題一直無法運行成功.最后終于搞定了.發(fā)現(xiàn)一進去白屏,不加載任何圖片,使用官方的demo運行也是白屏,最后按照上面截圖的配置成功了,其實設(shè)置好后在終端運行flutter pub run flutter_native_splash:create會有成功的提示,如果沒有,那說明哪里配置有問題
就這樣!!!
ios更換原生圖
安卓yaml更換圖片后執(zhí)行flutter pub run flutter_native_splash:create
