# **【一起用 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/>