iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
自我挑戰組

攜手 AI 從零開始打造一款 Flutter 應用程式 系列

本次鐵人賽將帶領讀者踏上一段從零開始的旅程,我們將結合兩大熱門技術:Flutter 跨平台開發與人工智慧(AI),共同打造一款實用的應用程式。

內容將從 Flutter 的基礎核心觀念與開發環境建置出發,逐步深入 UI/UX 設計、狀態管理,並串接 Firebase 作為後端支援。有餘力的話將引進 AI 的力量,聚焦於 Google 的 Gemini API,探索如何將生成式 AI 模型整合進 App 中,實現如智慧問答、內容生成等創新功能。

參賽天數 23 天 | 共 23 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1: 專案啟動 - 為何選擇 Flutter x Gemini?

前言: 大家好,這是我第一次參加鐵人賽! 在接下來的 30 天裡,我們會踏上從零到一的旅程。不只是打造一款 App,更是了解一個產品從概念誕生到實際上架的完整過...

2025-09-15 ‧ 由 lijun 分享
DAY 2

Day 2: 開發環境就位 - Flutter 環境建置

前言 大家好,歡迎來到第二天! 在 Day 1,我們確立了「省錢拍拍 SnapSaver」這個專案的願景與技術藍圖。俗話說「工欲善其事,必先利其器」,今天我們的...

2025-09-16 ‧ 由 lijun 分享
DAY 3

Day 3: 學習 Flutter 的第一步 - Dart 語言速成

前言 大家好,在昨天的環境建置後,今天稍微放緩腳步,初步來認識一下 Flutter 背後的功臣 —— Dart 語言。 你可能會問:「不是要學 Flutter...

2025-09-17 ‧ 由 lijun 分享
DAY 4

Day 4: 創建「省錢拍拍」、解構 Flutter App 的骨架

前言 大家好!在 Day 3 我們快速掌握了 Dart 語言的核心精華,為接下來的 Flutter 之旅鋪平了道路。有了 Dart 這把利劍,我們今天終於要正式...

2025-09-18 ‧ 由 lijun 分享
DAY 5

Day 5: UI 佈局基礎 - Row, Column, Container

前言 大家好!我們昨天逐行解構了 Flutter 的預設 App,徹底搞懂了 MaterialApp、Scaffold 等核心骨架。今天,我們終於要告別那支藍色...

2025-09-19 ‧ 由 lijun 分享
DAY 6

Day 6: 讓畫面動起來 - ListView 與 Card 的列表魔法

前言 大家好,歡迎來到第六天的旅程!在 Day 5,我們成功地從一張白紙打造出「省錢拍拍」的首頁,掌握了 Column、Row 與 Container 的佈局技...

2025-09-20 ‧ 由 lijun 分享
DAY 7

Day 7: App 的整體造型師 - 使用 ThemeData 打造專屬風格

前言 大家好!經過昨天的努力,我們的「省錢拍拍」App 已經擁有一個可以流暢滾動的動態列表了。功能上邁進了一大步,但視覺上,它看起來仍像一個「樣板 App」——...

2025-09-21 ‧ 由 lijun 分享
DAY 8

Day 8: 從「能看」到「能用」- 處理使用者輸入與 Form 表單

前言 大家好!「省錢拍拍」App 經過第七天的形象改造,目前為止,它仍然是一個只能「看」的 App,使用者無法輸入自己的消費數據。 今天,我們將跨出從「靜態」到...

2025-09-22 ‧ 由 lijun 分享
DAY 9

Day 9: 讓資料「回家」- 跨頁面狀態管理入門

前言 大家好,歡迎來到第九天!昨天,我們試著打造了一個具備完整驗證功能的表單頁面,讓 App 從「只能看」進化到了「能夠互動」。但我們也留下了一個懸念:當我們在...

2025-09-23 ‧ 由 lijun 分享
DAY 10

Day 10: 引入後端大腦 - Firebase 專案設定與使用者驗證

前言 大家好!在 Day 9,我們成功地解決了跨頁面狀態管理的問題,App 的核心流程已基本完成。但我們也面臨一個新挑戰:所有資料在 App 關閉後就跟著煙消雲...

2025-09-24 ‧ 由 lijun 分享