Flutter

Flutter 桌面应用设置(MAC),看这一篇就够了

2020-03-08  本文已影响0人  geniu_vs

最近经理要搞桌面应用,就想借咱的腿趟趟flutter这浑水,需求下来了,那就搞吧!

网上资源可谓少之又少,而且多数是转自一家之言,按他们的步骤基本玩不起来,最后通过Stack Overflow,还是回归到官方文档上,按官文走就可以了。

说明有三:

1、咱用的是flutter-desktop-embedding,想学go-flutter的就请移步别家吧!

2、这里不区分IDE,你想用Android studio、vscode还是啥随意,这里是命令配置。

3、flutterSDK下载、环境配置略,不清楚的自行百度。本文默认已配置好flutter环境。

flutter的桌面应用是这样玩的,因为它还在实验中,暂时不支持自己创建项目,也就是不能通过flutter create 创建项目,官方给的方式是把官方的example下载下来,改改壳子,在上面继续开发。

官方example就是flutter-desktop-embedding了,先下载到本地,这里注意一下,你必须在master分支上build项目,你可能疑惑了,啥是master分支,跟我有啥关系啊?

上面说了flutter-desktop-embedding是块试验田,你我都是小白鼠,小白鼠在实验田里也只能在规定的地方活动,master就是规定的地方,所以这个master分支就是指的flutter-desktop-embedding的master分支,别慌,官方给出方案了:

$flutter channel master

$flutter upgrade

$flutter config--enable-macos-desktop

下面我一一解释:

首先打开terminal(终端)进入你下载的flutter-desktop-embedding中的example下:

cd xxx/flutter-desktop-embedding/example/

按步骤执行下面操作,

flutter channel master  ## 切换到主分支

图1-1

flutter upgrade  ## flutter版本升级

flutter config --enable-macos-desktop  ##这个就重要了,用于设置mac桌面开发的环境变量

不设置这个,在你build或run时,就会报找不到设备。

图1-2

这里我之前困惑了好久,网上各种解决办法 ,什么”flutter config --enable-windows-desktop”,什么”打开.bash_profile文件,添加环境变量export ENABLE_FLUTTER_DESKTOP=true”,还有”IntelliJ/Android Studio请进入设置页面:Preferences | Appearance & Behavior | Path Variables ,添加变量”等等,

不是找不到文件,就是设置没鸟用,你只需要按官文设置就行,

设置Windows就用flutter config --enable-windows-desktop,以此类推linux。

设置内容就这么多,下面就可以编译、运行了。

我看了下,Android studio里没有设备可选,不像手机开发可以选设备,点“运行”按钮。

那么我们就用命令跑吧,编译命令:

flutter build macos

运行命令:

flutter run -d macOS

同样的,windows就是flutter run-d windows,

不过Mac上跑不了windows

稍等片刻,项目就跑起来了,是不是很简单!

图1-3

效果图:

图1-4
上一篇下一篇

猜你喜欢

热点阅读