docs.flutter.dev 使用 Google Cookie 來提供和提升其服務的質量並分析流量。 瞭解詳情。

跳到主內容
Flutter logo Flutter 文件
搜尋
  • Flutter logo Flutter
  • Flutter logo Flutter 文件
  • Flutter logo Flutter API
  • Dart 標誌 Dart
  • Dart 標誌 DartPad
  • Dart 標誌 pub.dev
開始使用
  • 開始使用
    • 選擇平臺
      • 選擇目標
      • 目標 Android
      • 目標 Web
      • 目標桌面
      • 選擇目標
      • 目標 iOS
      • 目標 Android
      • 目標 Web
      • 目標桌面
      • 選擇目標
      • 目標 Android
      • 目標 Web
      • 目標桌面
      • 選擇目標
      • 目標 Android
      • 目標 Web
    • 概述
    • 使用 VS Code 安裝
    • 手動安裝
    • 升級 SDK
    • SDK 歸檔
    • 新增到路徑
    • 故障排除
    • 解除安裝 SDK
    • 介紹
    • 編寫你的第一個應用
      • 介紹
      • Dart 簡介
      • 元件
      • 佈局
      • 狀態管理
      • 處理使用者輸入
      • 網路和資料
      • 本地資料和快取
      • 適用於 Android 開發者的 Flutter
      • 適用於 Jetpack Compose 開發者的 Flutter
      • 適用於 SwiftUI 開發者的 Flutter
      • 適用於 UIKit 開發者的 Flutter
      • 適用於 React Native 開發者的 Flutter
      • 適用於 Web 開發者的 Flutter
      • 適用於 Xamarin.Forms 開發者的 Flutter
      • 宣告式 UI 簡介
      • Flutter 與 Swift 併發
    • 示例與教程
    • 釋出說明
    • 破壞性變更
    • 相容性政策
    • Medium 出版物open_in_new
    • 文件新功能
      • 概述
      • 探索適用於 Flutter 的 Firebaseopen_in_new
      • 瞭解適用於 Flutter 的 Firebaseopen_in_new
      • 使用 FirebaseUI 將使用者身份驗證流程新增到 Flutter 應用open_in_new
      • 瞭解適用於 Web 的 Firebaseopen_in_new
      • 概述
      • 新增成就和排行榜
      • 使用 Firestore 構建排行榜open_in_new
      • 新增廣告
      • 新增多人遊戲支援
      • 新增應用內購買open_in_new
      • 新增使用者身份驗證open_in_new
      • 使用 Crashlytics 進行除錯open_in_new
      • Flutter Flame 簡介open_in_new
        • 廣告概述
        • 新增廣告
        • 將 AdMob 廣告新增到你的 Flutter 應用open_in_new
        • 新增 AdMob 橫幅廣告和原生內嵌廣告open_in_new
        • 整合多媒體廣告(影片)open_in_new
        • Google AdMob 中介open_in_new
        • 互動式媒體廣告 SDKopen_in_new
        • 支付概述
        • Google Pay 軟體包open_in_new
      • 新增應用內購買open_in_new
      • 將 Google 地圖新增到 Flutter 應用open_in_new
      • Google 地圖軟體包open_in_new
    • 構建新聞應用
    • 概述
      • 概述
      • 使用者體驗
      • 功能整合
      • 自定義 LLM 提供商
      • 聊天客戶端示例
    • Dart 和 Flutter MCP 伺服器open_in_new
    • Firebase AI 邏輯open_in_new
  • 使用者介面
  • 介紹
    • 概述
      • Cupertino
      • Material 元件
      • 無障礙功能
      • 動畫
      • 資產
      • 非同步
      • 基礎
      • 輸入
      • 互動
      • 佈局
      • 繪畫
      • 滾動
      • 樣式
      • 文字
    • 介紹
    • 構建佈局
      • 建立和使用列表
      • 建立水平列表
      • 建立網格檢視
      • 建立包含不同型別專案的列表
      • 建立帶間距的列表
      • 處理長列表
      • 概述
      • 使用 sliver 實現高階滾動
      • 在列表上方放置浮動應用欄
      • 建立滾動視差效果
    • 概述
    • 通用方法
    • SafeArea 與 MediaQuery
    • 大螢幕與可摺疊裝置
    • 使用者輸入與無障礙功能
    • 功能與政策
    • 自動平臺適配
    • 最佳實踐
    • 額外資源
    • 使用主題共享樣式
    • Material Design
    • 遷移到 Material 3
      • 字型與排版
      • 使用自定義字型
      • 從軟體包匯出字型
      • Google Fonts 軟體包open_in_new
      • 使用自定義片段著色器
    • 為你的應用新增互動性
      • 介紹
      • 處理點選
      • 在應用外拖放物件
      • 在應用內拖放 UI 元素
      • 新增 Material 觸控波紋效果
      • 實現滑動關閉
      • 建立和設定文字欄位樣式
      • 獲取文字欄位的值
      • 處理文字欄位的更改
      • 管理文字欄位的焦點
      • 構建帶驗證的表單
    • 顯示 Snackbar
    • 實現操作與快捷方式
    • 管理鍵盤焦點
    • 新增資產和圖片
    • 顯示來自網際網路的圖片
    • 使用佔位符淡入圖片
    • 播放和暫停影片
    • 在構建時轉換資產
    • 概述
    • 為你的應用新增標籤頁
    • 導航到新螢幕並返回
    • 向新螢幕傳送資料
    • 從螢幕返回資料
    • 為螢幕新增抽屜導航
    • 設定深層連結
    • 為 Android 設定應用連結
    • 為 iOS 設定通用連結
    • 配置 Web URL 策略
    • 介紹
    • 教程
    • 隱式動畫
    • 動畫化容器的屬性
    • 淡入淡出元件
    • 英雄動畫
    • 動畫化頁面路由過渡
    • 使用物理模擬進行動畫
    • 交錯動畫
    • 建立交錯選單動畫
    • API 概述
    • 無障礙功能
    • 國際化
  • UI 之外
      • 介紹
      • 宣告式思考
      • 瞬態與應用狀態
      • 簡單的應用狀態管理
      • 選項
      • 概述
      • 從網際網路獲取資料
      • 傳送認證請求
      • 向網際網路傳送資料
      • 透過網際網路更新資料
      • 刪除網際網路上的資料
      • 與 WebSockets 通訊
      • JSON 序列化
      • 在後臺解析 JSON
      • 在磁碟上儲存鍵值資料
      • 讀取和寫入檔案
      • 使用 SQLite 持久化資料
      • 概述
      • 將 Firebase 新增到你的 Flutter 應用open_in_new
    • Google API
    • 介紹
    • 架構概念
    • 應用架構指南
      • 概述
      • UI 層
      • 資料層
      • 依賴注入
      • 測試每一層
    • 建議
    • 設計模式
    • 支援的平臺
    • 使用 Flutter 構建桌面應用
    • 編寫平臺特定程式碼
      • 設定 Android 開發環境
      • 新增啟動畫面
      • 新增預測性返回
      • 繫結到原生程式碼
      • 託管原生 Android 檢視
      • 呼叫 JetPack API
      • 啟動 Jetpack Compose 活動
      • 在 Android 上恢復狀態
      • 透過 Android 定位 ChromeOS
      • 保護你應用的敏感內容
      • 設定 iOS 開發環境
      • 最新 iOS 上的 Flutter
      • 利用 Apple 系統庫
      • 新增啟動螢幕
      • 新增 iOS App Clip 支援
      • 新增 iOS 應用擴充套件
      • 繫結到原生程式碼
      • 託管原生 iOS 檢視
      • 在 iOS 上啟用除錯
      • 在 iOS 上恢復狀態
      • 設定 Linux 開發環境
      • 構建 Linux 應用
      • 設定 macOS 開發環境
      • 構建 macOS 應用
      • 繫結到原生程式碼
      • 託管原生 macOS 檢視
      • Flutter 中的 Web 支援
      • 設定 Web 開發環境
      • 構建 Web 應用
      • 編譯到 WebAssembly
      • 自定義應用初始化
      • 將 Flutter 新增到任何 Web 應用
      • Flutter 中的 Web 內容
      • Web 渲染器
      • 在 Web 上顯示圖片
      • Web 常見問題
      • 設定 Windows 開發環境
      • 構建 Windows 應用
    • 使用軟體包與外掛
    • 開發軟體包與外掛
      • 適用於應用開發者
      • 適用於外掛作者
    • Flutter 精選
    • 包倉庫open_in_new
    • 測試
    • 概述
      • 介紹
      • 模擬依賴項
      • 介紹
      • 查詢元件
      • 模擬滾動
      • 模擬使用者互動
      • 介紹
      • 編寫並執行整合測試
      • 分析整合測試
    • 測試外掛
    • 在測試中處理外掛程式碼
    • 除錯
    • 除錯工具
    • 以程式設計方式除錯你的應用
    • 使用原生語言偵錯程式
    • 常見 Flutter 錯誤
    • 處理錯誤
    • 向服務報告錯誤
    • 概述
    • Impeller
    • 效能最佳實踐
    • 應用大小
    • 延遲元件
    • 渲染效能
    • 效能分析
    • Web 效能分析
    • 效能指標
    • 併發與隔離區
    • 效能常見問題
    • 附錄
    • 混淆 Dart 程式碼
    • 為 Android 建立應用 Flavor
    • 為 iOS 和 macOS 建立應用 Flavor
    • 構建併發布 Android 應用
    • 構建併發布 iOS 應用
    • 構建併發布 macOS 應用
    • 構建併發布 Linux 應用
    • 構建併發布 Windows 應用
    • 構建併發布 Web 應用
    • 設定持續部署
    • 介紹
      • 設定 Android 專案
      • 新增單個 Flutter 螢幕
      • 新增 Flutter Fragment
      • 新增 Flutter View
      • 使用 Flutter 外掛
      • 設定 iOS 專案
      • 新增單個 Flutter 螢幕
    • 新增到 Web 應用
    • 除錯嵌入式 Flutter 模組
    • 新增多個 Flutter 例項
    • 載入順序和效能
    • Android Studio 與 IntelliJ
    • Visual Studio Code
      • 概述
      • 從 Android Studio 與 IntelliJ 執行
      • 從 VS Code 執行
      • 從命令列執行
      • Flutter 檢查器
      • 舊版 Flutter 檢查器
      • 效能檢視
      • CPU 分析器檢視
      • 記憶體檢視
      • 除錯控制檯檢視
      • 網路檢視
      • 偵錯程式
      • 日誌檢視
      • 應用大小工具
      • DevTools 擴充套件
      • 驗證深層連結
      • 釋出說明
    • Flutter 小部件預覽器
    • Flutter 屬性編輯器
    • SDK 概述
    • Flutter 的 pubspec 選項
    • 自動修復
    • 程式碼格式化
    • 架構概述
    • Flutter 內部原理
    • 理解約束
    • Flutter 的構建模式
    • 熱過載
    • 常見問題
    • 書籍
    • 影片
    • 課程
    • 學習 Dart
    • 獲取支援
      • 貢獻給 Flutter
      • 建立有用的錯誤報告
      • 發現提議的功能
      • Dash 是誰?
      • 元件索引
      • 建立新應用
      • Flutter 命令列介面
      • API 文件open_in_new

Flutter 3.35 已釋出!準備好迎接 Web 上的效能提升和有狀態熱過載。瞭解更多

選擇您的開發平臺以開始

  1. 開始使用 chevron_right
  2. 安裝
Windows 標誌
Windows
macOS 標誌
macOS
Linux 標誌
Linux
ChromeOS 標誌
ChromeOS
lightbulb 打算使用 VS Code 嗎?

您打算使用 VS Code 開發 Flutter 應用嗎?

試試設定並試用 Flutter中概述的簡化入門體驗!

info 在中國開發

如果你希望在中國使用 Flutter,請檢視在中國使用 Flutter。如果你不在中國開發,請忽略此通知並遵循本頁上的其他說明。

如果你正在中國的網路環境下配置 Flutter, 請參考 在中國網路環境下使用 Flutter 文件.

此頁面內容有幫助嗎?
感謝你的反饋!
feedback 提供詳情
感謝你的反饋!請告訴我們如何改進。
bug_report 提供詳情

除非另有說明,本網站上的文件反映了 Flutter 的最新穩定版本。頁面最後更新於 2025-09-05。 檢視原始碼 或 報告問題。

Flutter logo
除非另有說明,本網站採用 知識共享署名 4.0 國際許可協議 授權,程式碼示例採用 三句版 BSD 許可協議 授權。
  • 條款
  • 品牌
  • 隱私
  • 安全