Flutter 讓桌面應(yīng)用的開發(fā)更便捷

Flutter2穩(wěn)定版的發(fā)布，除了web的支持外，還有對于桌面端的支持可以將Flutter源代碼編譯為本機Windows，macOS或Linux桌面應(yīng)用程序。

為了更輕松地嘗試對Flutter的桌面支持，官方在穩(wěn)定頻道上發(fā)布了Flutter桌面Beta的snapshot。這意味著您可以輕松地嘗試桌面支持，而無需切換到Flutter beta通道。不過，穩(wěn)定通道中包含的snapshot在下一個Flutter穩(wěn)定發(fā)行版之前不會更新。如果想要最新版本的桌面支持，還是建議切換到Flutter beta頻道。

更新Flutter

首先安裝或升級到最新的版本,也可以通過FVM安裝多個flutter SDK并切換

推薦使用fvm安裝和管理，沒有安裝的可以參考：FVM 愉快的切換 Flutter 版本，強烈推薦！

這邊已經(jīng)安裝好了fvm，上面圖中可以看到本機安裝有哪些flutter版本。 通過下面命令，安裝beta版本

fvm install beta

全局或項目內(nèi)切換版本

fvm use beta --force

因本機配置了fvm管理版本，所以默認在在flutter相關(guān)命令前添加上fvm ，如果你不是用fvm管理版本的，下面命令帶有fvm，你可以去掉。

配置桌面平臺

flutter config --enable-<platform>-desktop，通過該命令，配置啟用你所需要的平臺，其中 <platform> 是 windows, macos， 或者 linux。

flutter config --enable-windows-desktopflutter config --enable-macos-desktopflutter config --enable-linux-desktop

對于編譯桌面應(yīng)用程序，需要注意，在Windows上構(gòu)建Windows應(yīng)用程序，在macOS上構(gòu)建macOS應(yīng)用程序以及在Linux上構(gòu)建Linux應(yīng)用程序?？梢詤⒖疾煌脚_的要求：https://flutter.dev/desktop

這邊用mac電腦來構(gòu)建macos桌面應(yīng)用。

執(zhí)行命令

fvm flutter config --enable-macos-desktop

為確保已啟用，通過下面命令查看可用的設(shè)備

fvm flutter devices

如圖，當你看到macos設(shè)備，說明已經(jīng)配置好了。啟用桌面支持后，重新啟動IDE。

查看flutter檢測本機環(huán)境依賴

flutter doctor

依賴ok后，可以開始創(chuàng)建項目了。

創(chuàng)建桌面項目

我們拉個新建個項目 mac_demo，使用用 Flutter beta 進行 macos桌面應(yīng)用 開發(fā):

mkdir mac_democd mac_demofvm use beta --force fvm flutter create .

依次執(zhí)行上面的命令，你會看到項目目錄內(nèi)有macos文件夾。

如果你在上面命令中出現(xiàn)"xxx" is not a valid Dart package name.報錯，意思你要換個名字，可以參考官網(wǎng)對于name的說明：https://dart.dev/tools/pub/pubspec#name

運行macos桌面應(yīng)用

運行項目

fvm flutter run -d macos

項目正常跑起來了，后面你就可以開始添磚加瓦，開發(fā)自己想要的桌面應(yīng)用了。

現(xiàn)有項目實現(xiàn)桌面支持

要將桌面支持添加到現(xiàn)有的Flutter項目中，cd到項目根目錄，依次運行

fvm use beta --forcefvm flutter create .fvm flutter create --platforms=windows,macos,linux .

在此之前，切換到beta版本，如果沒有安裝，通過命令fvm install beta安裝

并運行項目

fvm flutter run -d macos

windows和linux桌面應(yīng)用也類似。參考連接：https://flutter.dev/desktop