使用 Flutter 开发 macOS App

640?wx_fmt=gif

640?wx_fmt=jpeg

Linux编程 点击右侧关注,免费入门到精通! 640?wx_fmt=jpeg


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


640?wx_fmt=gifGithub Demo


https://github.com/ReverseScale/FlutterMacApp


640?wx_fmt=gifFlutter 框架


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


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


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


640?wx_fmt=gifFeather 平台


640?wx_fmt=png


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


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


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


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


目前处于 alpha 测试阶段


免费使用的商业执照


官网:

https://feather-apps.com/


640?wx_fmt=gif配置环境


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


640?wx_fmt=png


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


640?wx_fmt=png


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


640?wx_fmt=png


640?wx_fmt=gif项目改造


我们这里新建一个项目为例,教大家怎么把 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());
}


保存代码,就可以了。


640?wx_fmt=gif新建 Feather 项目


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


640?wx_fmt=png


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


640?wx_fmt=png


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


640?wx_fmt=png


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


640?wx_fmt=gif发布和使用


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


640?wx_fmt=png


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


640?wx_fmt=png


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


640?wx_fmt=png


640?wx_fmt=gif更新


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


640?wx_fmt=jpeg


 推荐↓↓↓ 

640?wx_fmt=png

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

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

640?wx_fmt=png万水千山总是情,点个 “ 好看” 行不行
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值