Flutter Monthly #2024/06

How we built it: Creating the I/O Crossword puzzle, powered by AI

Published in

Flutter Taipei

6 min read6 days ago

每年 Google I/O 官方都會打造符合今年的遊戲，前兩年都是使用 Flutter 開發的 I/O Flip 與 I/O PINBALL，今年換雖成 I/O Puzzle 使用原生網頁開發的遊戲。但 Very Good Ventures 團隊與 Google 的 Flutter 和 Firebase Team 合作也是在六月緊結著，使用發表使用 Gemini API 建立 I/O 填字遊戲 — I/O Crossword。

採用 Flutter Web 開發，建置也是採用 Flutter 最新版本支援的編譯至 WebAssembly，並透過 InteractiveViewer 元件感受其開發的靈活性。後端採用 Dart Frog 並託管在 Google Cloud Run 上，在解謎過程中若遇到困難，可向串接 Gemini API 的聊天機器人詢問並提供填字提示。更多開發說明可至官方部落格文章了解。

Observable Flutter

Observable Flutter 六月發布了三部影片，介紹了 Flutter 開發的各個面向：

Observable Flutter #44: Backend code with Serverpod: 探討如何使用 Serverpod 構建強大的後端程式碼。

Observable Flutter #44: Backend code with Serverpod

Observable Flutter #45: Universal styling with Mix: 介紹如何運用 Mix 實現跨平台的通用樣式設計。

Observable Flutter #45: Universal styling with Mix

Flutter code push with Shorebird | Observable Flutter #46: Craig Labenz 與 Shorebird 工程團隊討論 Flutter 程式碼推送的細節和未來發展。

Flutter code push with Shorebird | Observable Flutter #46

Coding現場# 36｜ build a RenderObject

分享跟隨Flutter官方影片進行實作，使用簡單的LeafRenderObjectWidget來測試如何編寫一個RenderObjectWidget。影片簡單介紹了如何在Flutter中建立自定義RenderObject，適合希望了解Flutter繪圖和佈局系統的開發者。

Coding現場# 37｜ FlutterNinjas Tokyo 心得分享

IgnacioZhang(斌權）前去日本參加conference 活動後與大家分享這個國際活動的流程安排、演講主題內容以及活動之餘與各國社群夥伴交流的心得

Flutter 小聚 #14 回顧

本月大小事由組織者志剛分享 6 月有關 Flutter 的有趣的內容。並邀請了 GDG Taichung 的 Oragnizer — Ahdaa 分享使用 Flutter 輕鬆上手 Vertex AI，其中也分享 Flutter 在 Project IDX 使用心得。

若對小聚有興趣分享，可以填寫表單或是聯絡社團的組織者報名投稿~

Hotfixes to the Stable Channel 文件遷移 & Flutter 3.22.2

Flutter Team 自上個月發布 Flutter 3.22 後也陸續修復了社群回報的 issues，也在月初發布 3.22.2 的 Hotfix 版本。大致修復一些 `dart2wasm` 的編譯問題、`TextField` 在平台上無法運作的問題等問題。

並移動了原先在 Flutter GitHub Repository Wiki 的 `Hotfixes to the Stable Channel` 文件的位置至專案路徑 `flutter/docs/releases` 底下，更多 Hotfixes 版本文件可到文件查看。

Playstore Console iOS 版本

自去年 Playstore Console 在 Android 平台，從原先的原生開發版本改至 Flutter 開發並全面翻修介面與使用者體驗。也因 Flutter 可跨平台支援其他平台，也在日前發布了 iOS 版本，目前 Beta 版本可在 TestFlight 下載使用。

FlutterNinjas Tokyo 2024

這個月離我們最近的大型 Futter 研討會 FlutterNinjas，6/13、6/14 在日本東京登場，聚集了許多在地與海外的知名開發者，更多議程資訊可至活動官網了解。更有趣的是活動的官方網站也是使用 Flutter 開發，同時也開源在 GitHub 上。

dataclass: Macros 版本的 Freezed

自 Flutter 在 3.22 版本發布宣布新功能 macros 開發者預覽版，能改善像是 JSON 序列化之類的程式碼生成(Code Generator)，可在撰寫程式碼或除錯時動態更新生成的程式碼。熱門的類別程式碼生成套件 freezed 本應該在新版本支援 macros，日前套件開發者 Remi 宣布，dataclass 原作者將套件權限轉移給他，未來 Freezed 的 Macros 版本將以此套件命名開發。