使用 Flutter 开发 macOS App

Linux编程 点击右侧关注，免费入门到精通！

作者丨WhatsXie
https://juejin.im/post/5c1873f66fb9a04a0d56c72b

Github Demo

https://github.com/ReverseScale/FlutterMacApp

Flutter 框架

Flutter 是 Google 开发的一套全新的跨平台、开源 UI 框架，支持 iOS、Android 系统开发，并且是未来新操作系统 Fuchsia 的默认开发套件。

Flutter 通过跨平台的 Skia 图形库来实现图形渲染，只依赖各个系统的图形绘制相关的 Api，可能是目前为止真正意义上的全平台 UI 框架。

借助 Feather 平台，我们可以在 MacOS 和 Windows 上运行我们的 Flutter 应用程序，也就是说您可以编写一个可以在所有主要桌面和移动设备上运行的应用程序。

Feather 平台

Feather 是一个在桌面上运行 Flutter 应用程序的平台。

在 Mac 和 Windows 上运行 Flutter 应用程序的编译器和库

一个应用商店，您可以使用它来发布和更新应用，并为用户提供最小的安装阻力

一组可选的扩展 Flutter UI 小部件，用于高级界面设计

目前处于 alpha 测试阶段

免费使用的商业执照

官网：

https://feather-apps.com/

配置环境

进入官网，点击 Build an App Now 下载 Mac 端编译器。

下载完成后打开 Feature Workbench，这里就有了墙的存在，非精品网可能要自行处理一下。

Google 账户登录后，可以看到工程列表，如果你第一次做，当然是空的。

项目改造

我们这里新建一个项目为例，教大家怎么把 Flutter 项目运行到 MacOS 上，非常简单哦。

1.打开终端，新建一个 Flutter 项目

flutter create mac_app

2.打开 mac_app 项目中 main.dart 修改两处：

1）在代码顶部引入 foundation 架包

import 'package:flutter/foundation.dart';

2）改造 void main() 函数，增加平台覆盖

void main() {
  debugDefaultTargetPlatformOverride = TargetPlatform.iOS;
  runApp(MyApp());
}

保存代码，就可以了。

新建 Feather 项目

点击 Feature Workbench 界面右下角的加号，进入新建页面，点击 BROWSE 找到 Flutter 项目工程。

设置应用名和图标就创建完成了。

点击 TEST 会打开 Xcode， command + r 运行就会看到 Flutter 的官方示例运行在 MacOS 上了。

Flutter 右上角的 DEBUG 是环境标记，不想看见它，切换生产环境它就不见了

发布和使用

点击 PUBLISH 设置应用描述和截图，发布应用到 Feather 商店。

发布完成后再次进入项目列表，就可以看到 WEB 选项，点击就会进入 Feather 应用商店的网站。

任何 Mac 电脑都可以通过这个链接(feather-apps.com/alpha/app.h…)来访问和安装这个应用。

更新

和发布流程一样，只是需要注意修改版本号、应用描述和截图，最后上传应用即可。

 推荐↓↓↓ 

长

按

关

注

?【16个技术公众号】都在这里！

涵盖：程序员大咖、源码共读、程序员共读、数据结构与算法、黑客技术和网络安全、大数据科技、编程前端、Java、Python、Web编程开发、Android、iOS开发、Linux、数据库研发、幽默程序员等。

万水千山总是情，点个 “ 好看” 行不行