Flutter:快速創(chuàng)建簡單閃屏頁

近來閑暇時間一直在做Flutter,閃屏頁是一個比較常見的需求,網(wǎng)上的閃屏頁教程大部分是那種類似于廣告頁,而非iOS中的 LaunchScreen 性質(zhì)的閃屏頁.按照原來的方案我們要配置閃屏頁的話,我們需要同時配置兩端的閃屏頁,那么有沒有比較簡單的方案來配置閃屏頁呢? 毋庸置疑,當然是有了,那就是Flutter的插件 - flutter_native_splash . 接下來我們就來看一下具體應(yīng)該怎么使用這個插件.

成都創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、微信小程序、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十載以來，已經(jīng)為1000+成都石雕各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的1000+客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

首先把 flutter_native_splash 導(dǎo)入到工程的 pubspec.yaml 中.這里需要注意的是需要放在 dev_dependencies 下,而不是 dependencies .具體如下所示.

接下來我們就來配置 flutter_native_splash ,在配置之前我們看一下 flutter_native_splash 的可配置項.

例如,我現(xiàn)在只有一個logo圖片,那么我想生成iOS和android兩端的閃屏頁,這時候我只需在 pubspec.yaml 如下設(shè)置即可.

當然了,如果你有其他配置可以自行進行添加.

配置完成了,我們該如何生成呢?這時候需要我們打開終端 cd 到我們的工程目錄下.如果是Android Studio 或者 VSCode 默認就是在當前工程目錄下.

然后我們需要執(zhí)行下面的三個命令來生成閃屏頁

每一次都敲三個命令實屬麻煩,我們把上訴的三個命令整合成一個命令,如下所示.

那么,我們不想使用該插件生成的閃屏頁該怎么辦呢?我們只需要執(zhí)行下面命令即可.

注:每一次更換圖片都是需要重新執(zhí)行命令重新生成.

OK,上面就是關(guān)于 flutter_native_splash 的使用全部內(nèi)容,其實比較簡單,如果需要定制化的,建議還是各自平臺配置各自的閃屏頁.如果有任何問題歡迎在評論區(qū)批評指導(dǎo),感謝大家了.

4. VS Code創(chuàng)建flutter項目

如果和我一樣，用慣了VS Code來開發(fā)項目的話，那就跟我一起來配置一下如何在VS Code里運行flutter項目。

1.在VS Code里安裝擴展：

2.在VScode上打開打開終端，快捷鍵：Ctrl+~（Tab上一個鍵），在終端上輸入：flutter create flutter_app02，即可創(chuàng)建完成！

也可以把之前的項目放到工作區(qū)

3.在終端中運行命令：flutter run

運行的時候你會發(fā)現(xiàn)手機提示你安裝個app，點擊安裝完成，項目就在手機上顯示了，下圖是運行成功的提示。

下圖是手機效果：

如果報錯的話，運行下清緩存的命令：flutter clean，把文件夾.gradle刪掉，然后flutter run重新跑下項目。

flutter web（3) 快速創(chuàng)建web工程并運行

如果沒有輸出可能原因有兩個

1.我們使用 vscode ## vs code支持的額很好。

版本問題 -- 自行查找對應(yīng)版本

修改 yaml 文件中的版本知道運行成功。或者直接改成any，從lock文件中找到真正版本再修改yaml中的文件

Flutter之旅 02 - 創(chuàng)建第一個項目

Flutter項目可以用三種方式開發(fā)：

可以根據(jù)自己的需求選擇，由于之前一直做iOS開發(fā)，也做過RN項目開發(fā)，Mac上裝過Android Studio 和 其他安卓模擬器 Genymotion ，所以我選擇Android Studio開發(fā)工具，之前裝的版本 3.0.1 比較老了，所以進行了升級 3.4 。

體驗Flutter

PS：第一次創(chuàng)建項目可以成功，之后再執(zhí)行這一步操作創(chuàng)建新的Flutter項目時，一直卡住，重啟過很多次Android Studio一直都是這樣，后面查詢資料，發(fā)現(xiàn)自己沒有同意使用 android-licenses ，可以通過下列命令驗證，第一步，先驗證：

第一步檢測結(jié)果，發(fā)現(xiàn)是需要同意 android-licenses ：

第二步執(zhí)行同意命令，操作時會有很多個 android-licenses 需要同意：

第二步檢測結(jié)果：

第三步再次驗證，當?shù)玫揭韵陆貓D中結(jié)果時，代表所有環(huán)境配置已經(jīng)完成：

上述命令創(chuàng)建一個Flutter項目，項目名為 myapp ，在項目目錄中，有安卓和iOS兩個項目目錄。

Android Studio中會列出所有已經(jīng)連接了電腦的設(shè)備，包括安卓和iPhone。如果想在模擬器上運行，下面可以選擇對應(yīng)的模擬器，如圖：

PS：如果想在模擬器上運行，需要先安裝一個模擬器，選擇Tools AVD Manager，如圖：

然后選擇Create Virtual Device，根據(jù)提示一步一步操作即可（建議翻墻條件下操作），添加完成后就可以在這個界面看到自己已經(jīng)添加的模擬器，點擊綠色的運行按鈕，即可打開該模擬器：

分享標題：flutter創(chuàng)建,flutter創(chuàng)建macos 插件
網(wǎng)站路徑：http://chinadenli.net/article2/dsijeic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、虛擬主機、用戶體驗、網(wǎng)站策劃、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)