目前用flutter開發(fā)app,需要為雙平臺(tái)添加啟動(dòng)圖,采用github上的flutter_native_splash.

目前來說說踩下的坑!!!

地址:GitHub - jonbhanson/flutter_native_splash: Automatically generates native code for adding splash screens in Android and iOS. Customize with specific platform, background color and splash image.

先說下集成用法:

?在pubspec.yaml中添加

dependencies:flutter_native_splash:^2.2.11

運(yùn)行flutter pub get

第一個(gè)坑:因?yàn)橛玫膄lutter版本是3.0,運(yùn)行flutter pub get后會(huì)版本不匹配

解決方法:

1.升級flutter版本,因?yàn)閒lutter_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.

第二個(gè)坑:自己新建了一個(gè)flutter_native_splash.yaml文件,然后設(shè)置后運(yùn)行flutter pub run flutter_native_splash:create,發(fā)現(xiàn)不起作用.如果自己創(chuàng)建了文件,應(yīng)該運(yùn)行的是flutter pub run flutter_native_splash:create --path=path/to/my/file.yaml命令,其實(shí)可以把flutter_native_splash寫在自帶的yaml文件中.

第三個(gè)坑:一開始跑在ios真機(jī)上,發(fā)現(xiàn)一進(jìn)去黑屏,已經(jīng)在Runner工程設(shè)置好啟動(dòng)圖,最后發(fā)現(xiàn)是啟動(dòng)圖的問題,啟動(dòng)圖是從assets文件里拿的一張圖,分辨率很高.找了很久的原因,最后降低分辨率為1080p左右,設(shè)置好@2x,@3x圖片,發(fā)現(xiàn)在ios運(yùn)行就沒問題了

第四個(gè)坑:弄完ios開始搞安卓,發(fā)現(xiàn)IDEA安裝安卓模擬器也是各種坑,因?yàn)間radle版本的問題一直無法運(yùn)行成功.最后終于搞定了.發(fā)現(xiàn)一進(jìn)去白屏,不加載任何圖片,使用官方的demo運(yùn)行也是白屏,最后按照上面截圖的配置成功了,其實(shí)設(shè)置好后在終端運(yùn)行flutter pub run flutter_native_splash:create會(huì)有成功的提示,如果沒有,那說明哪里配置有問題

就這樣!!!

ios更換原生圖
安卓yaml更換圖片后執(zhí)行flutter pub run flutter_native_splash:create