---
# System prepended metadata

title: 【 一起用 Flutter 打造第一個 APP (processing)】

---

# **【一起用 Flutter 打造第一個 APP (processing)】**

:::info
- 什麼是 Flutter?
- 什麼是 MaterialApp？
- 什麼是 Scaffold?
:::


## 什麼是 Flutter?

Flutter 是由 Google 開發的開源框架，能夠讓開發者透過 單一程式碼庫，構建在多個平台上原生編譯的應用程式。無論是 Android、iOS、Web、Windows、macOS、Linux，Flutter 都能一次搞定

優勢：不需為每個平台學習不同語言（如 Swift、Kotlin、Java），更新與維護更簡單、生態系豐富，有大量插件與套件可用、文檔完整，學習門檻低

所以AI發展快速的現在，我想打造自己的 APP，便決定從 Flutter 入門


<br/>

![截圖 2025-12-01 20.05.19](https://hackmd.io/_uploads/SyVc4bjbbe.png)


## 什麼是 MaterialApp？
MaterialApp 是 Flutter 提供的「應用程式根組件」之一，用來建立符合 Google Material Design 風格的 App。它通常是 Flutter App 的最外層小部件，負責設定整個應用的主題、導航、字體、語系等全局設定

<br/>

## 什麼是 Scaffold?

在 Flutter 中，Scaffold 是構建 Material Design 風格應用的基礎骨架（Layout Structure）。它提供 App 常見的 「 UI 結構 」，例如 AppBar、Drawer、FloatingActionButton、Body 等，讓我們可以像搭樂高一樣快速組裝前端介面

例如可以用這些區塊，組裝成一個 APP:
- AppBar（頂部應用列 / 標題列）
- Body (主要內容)
- FloatingActionButton（浮動操作按鈕）
- Drawer（側邊抽屜選單）
- BottomNavigationBar（底部導航列）

<br/>