menu
開始使用 Flutter
1. 安裝和環境配置
2. 編輯工具設定
3. 開發體驗初探
4. 編寫第一個 Flutter 應用
5. 瞭解更多
擁有其他平臺開發經驗?
給 Android 開發者的 Flutter 指南
給 iOS SwiftUI 開發者的 Flutter 指南
給 iOS UIKit 開發者的 Flutter 指南
給 React Native 開發者的 Flutter 指南
給 Web 開發者的 Flutter 指南
給 Xamarin.Forms 開發者的 Flutter 指南
宣告式 UI 介紹
Flutter 對比 Swift 的併發
Dart 語言概覽
open_in_new
保持版本更新
版本升級
SDK 版本列表
最近更新
版本發行註記
破壞性改動
相容性策略
課程和範例程式碼
Flutter Gallery 應用
open_in_new
GitHub 上的範例應用
open_in_new
實用課程 (Cookbook)
Codelabs
使用者介面
介紹
佈局建構
介紹
佈局建構課程
列表 & 網格
建構與使用列表
建構一個橫向列表
建構一個網格檢視
建構包含不同型別元素的列表
處理長列表
滾動
概覽
使用 Slivers 實現各種滾動需求
在列表開頭新增一個浮動的頂欄
建構一個平行錯位滾動的效果
響應式設計
建立響應式和自適應的應用
建構自適應應用
根據旋轉角度更新應用的介面元素
設計 & 主題
Material 設計
概覽
利用主題來共享樣式
新增抽屜
顯式提示欄
在應用中新增 tab
文字
字型 & 版式
使用自訂字型
將字型從 package 中對外暴露
自訂圖形
使用自訂的著色器
互動
為你的應用新增互動
手勢
介紹
處理點選
拖動介面元素
新增 Material 風格的水波紋
實現滑動取消
輸入 & 表單
建立輸入框並且調整樣式
讀取輸入框的內容
處理輸入框的內容變動
管理輸入框之間的焦點
建構具有校驗功能的表單
實現快捷方式
管理鍵盤焦點
資源 & 媒體
新增資源和圖片
載入網路圖片
從佔位圖過渡到圖片
播放及暫停影片
導航 & 路由
概覽
導航至新頁面並返回
傳遞資料到新頁面
從新頁面返回資料
設定 Deeplink
設定 Android Deeplink
設定 iOS Universal Link
設定 Web 的 URL 策略
動畫 & 過渡
概覽
課程
隱含動畫
過渡 Container 的屬性
漸入漸出 widget
Hero(跨頁面共享元素)動畫
頁面轉場動畫
模擬物理特性動畫
交錯動畫
建構選單的交錯動畫
API 概覽
開發
資料呼叫和後端
狀態管理
介紹
從宣告式的角度思考
短暫狀態 & 持久狀態
簡單的狀態管理
狀態管理參考
網路 & http
概覽
從網路上獲取資料
建構需要認證的請求
傳送資料到伺服器
更新網路上的資料
刪除網路上的資料
WebSocket 通訊
序列化
JSON 序列化
在後台處理 JSON 解析
持久化
將 key-value 資料儲存在硬碟上
讀寫檔案
利用 SQLite 持久化資料
Firebase
Google APIs
應用的無障礙和國際化
無障礙
國際化
平台整合
支援的平台
建構桌面端應用
撰寫平台程式碼 (外掛編寫實現)
Android 平台
新增閃屏頁
呼叫原生程式碼
託管 Android 原生檢視
在 Android 上恢復狀態
建構適合 Chrome OS 的 Android 應用
iOS 平台
使用 Apple 的系統庫
新增啟動頁
新增 iOS App Clip 支援
新增 iOS App 擴充
呼叫原生程式碼
託管 iOS 原生檢視
iOS 平台除錯
在 iOS 上恢復狀態
Linux 作業系統平台
建構 Linux 桌面軟體
macOS 作業系統平台
建構 macOS 應用
C 語言程式碼整合及呼叫
Web 平台
建構一個 Web 應用
Web 平台常見問題
Web 平台渲染器
自訂 Web 應用初始化
在網頁裡顯示圖片
Windows 作業系統平台
建構 Windows 桌面軟體
Package 和外掛
使用 package 和外掛
開發 Package 和外掛
Happy paths 專案
Flutter Favorites 專案
Package 和外掛網站
open_in_new
測試和除錯
測試
概覽
Widget 測試
介紹
尋找 widgets
模擬滾動
模擬使用者操作
整合測試
介紹
編寫並執行整合測試
衡量整合測試的效能指標
單元測試
介紹
模擬依賴
測試外掛
在測試中處理外掛程式碼
除錯
除錯工具
透過程式碼除錯應用
使用原生語言的除錯
Flutter 的建構模式
常見的 Flutter 錯誤
處理錯誤
將錯誤上報到收集服務
效能最佳化
概覽
使用 Impeller **新增**
效能最佳實踐
應用大小
延遲載入元件
渲染效能
效能分析
著色器編譯時卡頓
效能指標
效能常見問題和回答
附錄
打包部署
混淆 Dart 程式碼
配置 flavors
建構和釋出為 Android 應用
建構和釋出為 iOS 應用
建構和釋出為 macOS 應用
建構和釋出為 Linux 應用
建構和釋出為 Windows 應用
建構和釋出為 Web 應用
持續部署
將 Flutter 新增到現有應用
介紹
將 Flutter 新增到現有 Android 應用
工程設定
新增單個 Flutter 頁面
新增一個 Flutter Fragment
新增 Flutter 檢視
Plugin 初始化
將 Flutter 新增到現有 iOS 應用
工程設定
新增單個 Flutter 頁面
除錯及熱重載
多個 Flutter 例項
載入順序和效能
工具 & 程式碼編輯器
Android Studio & IntelliJ
Visual Studio Code
DevTools
概覽
在 Android Studio & IntelliJ 中安裝 DevTools
在 VS Code 中安裝 DevTools
利用終端命令安裝 DevTools
Flutter inspector
效能檢視
CPU 效能檢視
記憶體檢視
除錯控制條檢視
網路檢視
除錯工具 Debugger
日誌檢視
應用體積工具
釋出日誌
SDK 概覽
Flutter pubspec 選項
自動修復
程式碼格式化
Flutter 相關概念
Flutter 架構概覽
Flutter 工作原理
理解佈局約束
Flutter 建構模式
熱重載
平台行為差異和適配
開發者資源列表
學習
官方博文
社群中文課程
相關書籍
技術影片和線上資源
Dart 資源列表
貢獻
提出 Bug
為 Flutter 做出貢獻
open_in_new
工具套件
休閒遊戲工具套件
新聞內容工具套件
常見
常見問題解答
使用 Google 字型庫
open_in_new
官方品牌資源
open_in_new
更多資料
瞭解 Dash
Flutter Widget 目錄
Flutter Widget 列表
Flutter API 文件
open_in_new
flutter 命令列文件
安全誤報
多平臺
行動平台
Web 平台
桌面平台
嵌入式平台
開發
學習資源
Flutter Favorites 系列外掛
使用 Packages
盈利
遊戲
新聞
生態
社群
盈利
成功故事
關於中文文件
文件
最新更新
IDE 整合
熱重載
效能分析
安裝 Flutter
開發者工具
Cookbook
Codelabs
社群課程
開始使用
邀請
參與 2023 第二季度 Flutter 開發者調查
。
開始使用 Flutter
1. 安裝和環境配置
2. 編輯工具設定
3. 開發體驗初探
4. 編寫第一個 Flutter 應用
5. 瞭解更多
擁有其他平臺開發經驗?
給 Android 開發者的 Flutter 指南
給 iOS SwiftUI 開發者的 Flutter 指南
給 iOS UIKit 開發者的 Flutter 指南
給 React Native 開發者的 Flutter 指南
給 Web 開發者的 Flutter 指南
給 Xamarin.Forms 開發者的 Flutter 指南
宣告式 UI 介紹
Flutter 對比 Swift 的併發
Dart 語言概覽
open_in_new
保持版本更新
版本升級
SDK 版本列表
最近更新
版本發行註記
破壞性改動
相容性策略
課程和範例程式碼
Flutter Gallery 應用
open_in_new
GitHub 上的範例應用
open_in_new
實用課程 (Cookbook)
Codelabs
使用者介面
介紹
佈局建構
介紹
佈局建構課程
列表 & 網格
建構與使用列表
建構一個橫向列表
建構一個網格檢視
建構包含不同型別元素的列表
處理長列表
滾動
概覽
使用 Slivers 實現各種滾動需求
在列表開頭新增一個浮動的頂欄
建構一個平行錯位滾動的效果
響應式設計
建立響應式和自適應的應用
建構自適應應用
根據旋轉角度更新應用的介面元素
設計 & 主題
Material 設計
概覽
利用主題來共享樣式
新增抽屜
顯式提示欄
在應用中新增 tab
文字
字型 & 版式
使用自訂字型
將字型從 package 中對外暴露
自訂圖形
使用自訂的著色器
互動
為你的應用新增互動
手勢
介紹
處理點選
拖動介面元素
新增 Material 風格的水波紋
實現滑動取消
輸入 & 表單
建立輸入框並且調整樣式
讀取輸入框的內容
處理輸入框的內容變動
管理輸入框之間的焦點
建構具有校驗功能的表單
實現快捷方式
管理鍵盤焦點
資源 & 媒體
新增資源和圖片
載入網路圖片
從佔位圖過渡到圖片
播放及暫停影片
導航 & 路由
概覽
導航至新頁面並返回
傳遞資料到新頁面
從新頁面返回資料
設定 Deeplink
設定 Android Deeplink
設定 iOS Universal Link
設定 Web 的 URL 策略
動畫 & 過渡
概覽
課程
隱含動畫
過渡 Container 的屬性
漸入漸出 widget
Hero(跨頁面共享元素)動畫
頁面轉場動畫
模擬物理特性動畫
交錯動畫
建構選單的交錯動畫
API 概覽
開發
資料呼叫和後端
狀態管理
介紹
從宣告式的角度思考
短暫狀態 & 持久狀態
簡單的狀態管理
狀態管理參考
網路 & http
概覽
從網路上獲取資料
建構需要認證的請求
傳送資料到伺服器
更新網路上的資料
刪除網路上的資料
WebSocket 通訊
序列化
JSON 序列化
在後台處理 JSON 解析
持久化
將 key-value 資料儲存在硬碟上
讀寫檔案
利用 SQLite 持久化資料
Firebase
Google APIs
應用的無障礙和國際化
無障礙
國際化
平台整合
支援的平台
建構桌面端應用
撰寫平台程式碼 (外掛編寫實現)
Android 平台
新增閃屏頁
呼叫原生程式碼
託管 Android 原生檢視
在 Android 上恢復狀態
建構適合 Chrome OS 的 Android 應用
iOS 平台
使用 Apple 的系統庫
新增啟動頁
新增 iOS App Clip 支援
新增 iOS App 擴充
呼叫原生程式碼
託管 iOS 原生檢視
iOS 平台除錯
在 iOS 上恢復狀態
Linux 作業系統平台
建構 Linux 桌面軟體
macOS 作業系統平台
建構 macOS 應用
C 語言程式碼整合及呼叫
Web 平台
建構一個 Web 應用
Web 平台常見問題
Web 平台渲染器
自訂 Web 應用初始化
在網頁裡顯示圖片
Windows 作業系統平台
建構 Windows 桌面軟體
Package 和外掛
使用 package 和外掛
開發 Package 和外掛
Happy paths 專案
Flutter Favorites 專案
Package 和外掛網站
open_in_new
測試和除錯
測試
概覽
Widget 測試
介紹
尋找 widgets
模擬滾動
模擬使用者操作
整合測試
介紹
編寫並執行整合測試
衡量整合測試的效能指標
單元測試
介紹
模擬依賴
測試外掛
在測試中處理外掛程式碼
除錯
除錯工具
透過程式碼除錯應用
使用原生語言的除錯
Flutter 的建構模式
常見的 Flutter 錯誤
處理錯誤
將錯誤上報到收集服務
效能最佳化
概覽
使用 Impeller **新增**
效能最佳實踐
應用大小
延遲載入元件
渲染效能
效能分析
著色器編譯時卡頓
效能指標
效能常見問題和回答
附錄
打包部署
混淆 Dart 程式碼
配置 flavors
建構和釋出為 Android 應用
建構和釋出為 iOS 應用
建構和釋出為 macOS 應用
建構和釋出為 Linux 應用
建構和釋出為 Windows 應用
建構和釋出為 Web 應用
持續部署
將 Flutter 新增到現有應用
介紹
將 Flutter 新增到現有 Android 應用
工程設定
新增單個 Flutter 頁面
新增一個 Flutter Fragment
新增 Flutter 檢視
Plugin 初始化
將 Flutter 新增到現有 iOS 應用
工程設定
新增單個 Flutter 頁面
除錯及熱重載
多個 Flutter 例項
載入順序和效能
工具 & 程式碼編輯器
Android Studio & IntelliJ
Visual Studio Code
DevTools
概覽
在 Android Studio & IntelliJ 中安裝 DevTools
在 VS Code 中安裝 DevTools
利用終端命令安裝 DevTools
Flutter inspector
效能檢視
CPU 效能檢視
記憶體檢視
除錯控制條檢視
網路檢視
除錯工具 Debugger
日誌檢視
應用體積工具
釋出日誌
SDK 概覽
Flutter pubspec 選項
自動修復
程式碼格式化
Flutter 相關概念
Flutter 架構概覽
Flutter 工作原理
理解佈局約束
Flutter 建構模式
熱重載
平台行為差異和適配
開發者資源列表
學習
官方博文
社群中文課程
相關書籍
技術影片和線上資源
Dart 資源列表
貢獻
提出 Bug
為 Flutter 做出貢獻
open_in_new
工具套件
休閒遊戲工具套件
新聞內容工具套件
常見
常見問題解答
使用 Google 字型庫
open_in_new
官方品牌資源
open_in_new
更多資料
瞭解 Dash
Flutter Widget 目錄
Flutter Widget 列表
Flutter API 文件
open_in_new
flutter 命令列文件
安全誤報
編輯工具設定
安裝和環境配置
你想把 Flutter 安裝在哪個作業系統呢?
Windows
macOS
Linux
ChromeOS
編輯工具設定