使用 Flutter 开发 macOS App

👨🏻‍💻 Github Demohtml

Flutter 框架

Flutter 是 Google 开发的一套全新的跨平台、开源 UI 框架,支持 iOS、Android 系统开发,而且是将来新操做系统 Fuchsia 的默认开发套件。git

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

借助 Feather 平台,咱们能够在 MacOS 和 Windows 上运行咱们的 Flutter 应用程序,也就是说您能够编写一个能够在全部主要桌面和移动设备上运行的应用程序。bash

Feather 平台

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

  • 在 Mac 和 Windows 上运行 Flutter 应用程序的编译器和库
  • 一个应用商店,您可使用它来发布和更新应用,并为用户提供最小的安装阻力
  • 一组可选的扩展 Flutter UI 小部件,用于高级界面设计
  • 目前处于 alpha 测试阶段
  • 无偿使用的商业执照

官网:feather-apps.com框架

配置环境

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

下载完成后打开 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…)来访问和安装这个应用。

更新

和发布流程同样,只是须要注意修改版本号、应用描述和截图,最后上传应用便可。

效果演示

上面使用的是 Flutter 官方的示例工程,有朋友表示看起来不过瘾,so 我从网上找了一个看起来很适合作跨平台服务的示例工程,通过改造后我将其运行到了 macOS 系统上。

朋友们满意了没🤪...

相关文章
相关标签/搜索