description bug_report

實用教程

本節內容包含了一個又一個的實用教程，幫助你解決編寫 Flutter 應用中的常見問題。

動畫

• 為頁面切換加入動畫效果

• Widget 的物理模擬動畫效果

• Container 裡的動畫漸變效果

• Widget 的淡入淡出效果

設計

• 在螢幕上新增一個 Drawer

• 顯示 snackbars

• 以 package 的方式使用字型

• 根據螢幕方向更新介面

• 使用自定義字型

• 使用 Themes 統一顏色和字型風格

• 使用 tabs

效果

• 實現一個下載按鈕

• 實現巢狀路由互動

• 實現圖片濾鏡的輪播

• 實現捲動視差效果

• 實現骨架屏載入效果

• 實現選單交錯效果

• 實現輸入指示器

• 實現可展開的浮動按鈕

• 實現漸變的聊天氣泡

• 實現可拖動的 UI 元素

表單

• 建立一個有驗證判斷的表單

• 文字框的建立和設定

• 焦點和文字框

• 回應文字框內容的更改

• 獲取文字框的輸入值

遊戲

• 在手機遊戲中新增成就和排行榜

• 透過 Firestore 新增多人遊戲支援

• 在 Flutter 手機應用或遊戲中新增廣告

手勢

• 新增點按漣漪效果 (Material Design)

• 捕獲和處理點選動作

• 實現「滑動清除」效果

圖片

• 顯示網路上的遠端圖片

• 佔位符和網路圖片淡入

清單

• 建立一個網格清單

• 建立一個水平滑動的清單

• 建立擁有不同清單項的清單

• 在清單頂部放置一個浮動的 app bar

• 基礎清單

• 長清單的處理

• 建立包含間隔的清單

維護

• 把報錯訊息透過服務上傳

導向（路由）

• 跨頁面切換的動畫 Widget (Hero animations)

• 導向到一個新頁面和回傳

• 導向到對應名稱的 routes 裡

• 給特定的 route 傳參

• 為 Android 設定 applink

• 為 iOS 設定 Universal links

• 從一個頁面回傳資料

• 傳遞資料到新頁面

網路

• 獲取網路資料

• 發起 HTTP 認證授權請求

• 傳送網路資料

• 更新網路資料

• 刪除網路資料

• 發起 WebSockets 請求

• 在後台處理 JSON 資料解析

持久化

• 用 SQLite 做資料持久化

• 檔案讀寫

• 儲存鍵值對資料

外掛

• 影片的播放和暫停

• 在 Flutter 手機應用或遊戲中新增廣告

• 使用 Camera 外掛實現拍照功能

測試

整合測試

• 整合測試介紹

• 效能分析

單元測試

• 單元測試介紹

• 使用 Mockito 模擬依賴關係

Widget 測試

• Widget 測試介紹

• 定位到目標 widget

• 處理捲動

• 點選、拖拽事件和文字輸入

如果想看到更多的教程，可以參考我們的 社群中文教程頁面。