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
開始使用
  • 開始使用
  • 設定 Flutter
    • 概述
    • 使用 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. Cookbook chevron_right
  2. 導航
  • 使用命名路由導航
  • 向命名路由傳遞引數
  • 在螢幕之間動畫一個 widget
  • 導航到新螢幕並返回
  • 向新螢幕傳送資料
  • 從螢幕返回資料
  • 為 iOS 設定通用連結
  • 為 Android 設定應用連結
此頁面內容有幫助嗎?
感謝你的反饋!
feedback 提供詳情
感謝你的反饋!請告訴我們如何改進。
bug_report 提供詳情

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

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