使用 Flutter 開發 macOS App

👨🏻‍💻 Github Demo

Flutter 框架

Flutter 是 Google 開發的一套全新的跨平臺、開源 UI 框架，支持 iOS、Android 系統開發，而且是將來新操做系統 Fuchsia 的默認開發套件。

Flutter 經過跨平臺的 Skia 圖形庫來實現圖形渲染，只依賴各個系統的圖形繪製相關的 Api，多是目前爲止真正意義上的全平臺 UI 框架。

藉助 Feather 平臺，咱們能夠在 MacOS 和 Windows 上運行咱們的 Flutter 應用程序，也就是說您能夠編寫一個能夠在全部主要桌面和移動設備上運行的應用程序。

Feather 平臺

Feather 是一個在桌面上運行 Flutter 應用程序的平臺。

• 在 Mac 和 Windows 上運行 Flutter 應用程序的編譯器和庫
• 一個應用商店，您可使用它來發布和更新應用，併爲用戶提供最小的安裝阻力
• 一組可選的擴展 Flutter UI 小部件，用於高級界面設計
• 目前處於 alpha 測試階段
• 無償使用的商業執照

官網：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…)來訪問和安裝這個應用。

更新

和發佈流程同樣，只是須要注意修改版本號、應用描述和截圖，最後上傳應用便可。

效果演示

上面使用的是 Flutter 官方的示例工程，有朋友表示看起來不過癮，so 我從網上找了一個看起來很適合作跨平臺服務的示例工程，通過改造後我將其運行到了 macOS 系統上。

朋友們滿意了沒🤪...