阅读 523

Flutter 让桌面应用的开发更便捷

Flutter2稳定版的发布,除了web的支持外,还有对于桌面端的支持可以将Flutter源代码编译为本机Windows,macOS或Linux桌面应用程序。

图片.png 这是花了几个小时,第一次通过Flutter开发、打包好的Macos app,下载地址:http://101.37.147.31/Qools_v1.0.dmg

为了更轻松地尝试对Flutter的桌面支持,官方在稳定频道上发布了Flutter桌面Beta的snapshot。 这意味着您可以轻松地尝试桌面支持,而无需切换到Flutter beta通道。不过,稳定通道中包含的snapshot在下一个Flutter稳定发行版之前不会更新。 如果想要最新版本的桌面支持,还是建议切换到Flutter beta频道。

更新Flutter

首先安装或升级到最新的版本,也可以通过FVM安装多个flutter SDK并切换

推荐使用fvm安装和管理,没有安装的可以参考:FVM 愉快的切换 Flutter 版本,强烈推荐!

图片.png 这边已经安装好了fvm,上面图中可以看到本机安装有哪些flutter版本。 通过下面命令,安装beta版本

fvm install beta
复制代码

全局或项目内切换版本

fvm use beta --force
复制代码

因本机配置了fvm管理版本,所以默认在在flutter相关命令前添加上fvm ,如果你不是用fvm管理版本的,下面命令带有fvm,你可以去掉。

配置桌面平台

flutter config --enable-<platform>-desktop,通过该命令,配置启用你所需要的平台,其中 <platform> 是 windows, macos, 或者 linux。

flutter config --enable-windows-desktop
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop
复制代码

执行命令

fvm flutter config --enable-macos-desktop
复制代码

图片.png

为确保已启用,通过下面命令查看可用的设备

fvm flutter devices
复制代码

图片.png 如图,当你看到macos设备,说明已经配置好了,macos桌面应用已经启用。启用桌面支持后,重新启动IDE。

查看flutter检测本机环境依赖

 flutter doctor
复制代码

图片.png

依赖ok后,可以开始创建项目了。

创建桌面项目

我们拉个新项目 mac_demo,且需要用 Flutter beta 进行 macos桌面应用 开发:

mkdir mac_demo
cd mac_demo
fvm use beta --force 
fvm flutter create .
复制代码

依次执行上面的命令,你会看到项目目录内有macos文件夹。如果你在上面命令中出现"xxx" is not a valid Dart package name.报错,意思你要换个名字,可以参考官网对应name的说明:dart.dev/tools/pub/p…

图片.png

运行macos桌面应用

运行项目

fvm flutter run -d macos
复制代码

图片.png

项目正常跑起来了,后面你就可以开始添砖加瓦,开发自己想要的桌面应用了。

现有项目实现桌面支持

要将桌面支持添加到现有的Flutter项目中,cd到项目根目录,依次运行

fvm use beta --force
fvm flutter create .
fvm flutter create --platforms=windows,macos,linux .
复制代码

在此之前,切换到beta版本,如果没有安装,通过命令fvm install beta安装

并运行项目:

fvm flutter run -d macos
复制代码

build

fvm flutter build macos
复制代码

对于编译桌面应用程序,需要注意,在Windows上构建Windows应用程序,在macOS上构建macOS应用程序以及在Linux上构建Linux应用程序。 可以参考不同平台的要求:flutter.dev/desktop

windows和linux桌面应用也类似。参考连接:flutter.dev/desktop

文章分类
前端
文章标签