實用課程

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

Animation

• 為頁面切換加入動畫效果
• Widget 的物理模擬動畫效果
• Container 裡的動畫漸變效果
• Widget 的淡入淡出效果

Design

• 在螢幕上新增一個 Drawer
• 顯示 snackbars
• 以 package 的方式使用字型
• 根據螢幕方向更新介面
• 使用自訂字型
• 使用 Themes 統一顏色和字型風格
• 使用 tabs

Effects

• Create a download button
• Create a nested navigation flow
• Create a photo filter carousel
• Create a scrolling parallax effect
• Create a shimmer loading effect
• Create a staggered menu animation
• Create a typing indicator
• 建立一個點選展開的 FAB
• Create gradient chat bubbles
• Drag a UI element

Forms

• 建構一個有驗證判斷的表單
• 文字框的建立和設定
• 焦點和文字框
• 響應文字框內容的更改
• 獲取文字框的輸入值

Gestures

• 新增點按漣漪效果 (Material Design)
• 捕獲和處理點選動作
• 實現「滑動清除」效果

Images

• 顯示網路上的遠端圖片
• 佔位符和網路圖片淡入
• 使用快取圖片

Lists

• 建立一個網格列表
• 建立一個水平滑動的列表
• 建立擁有不同列表項的列表
• 在列表頂部放置一個浮動的 app bar
• 基礎列表
• 長列表的處理

Maintenance

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

Navigation

• 跨頁面切換的動效 Widget (Hero animations)
• 導航到一個新頁面和返回
• 導航到對應名稱的 routes 裡
• 給特定的 route 傳參
• 從一個頁面回傳資料
• 傳遞資料到新頁面

Networking

• 獲取網路資料
• 發起 HTTP 認證授權請求
• 在後台處理 JSON 資料解析
• 傳送網路資料
• 更新網路資料
• 刪除網路資料
• 發起 WebSockets 請求

Persistence

• 用 SQLite 做資料持久化
• 檔案讀寫
• 儲存鍵值對資料

Plugins

• 影片的播放和暫停
• 使用 Camera 外掛實現拍照功能

Testing

Integration

• 整合測試介紹
• 效能分析

Unit

• 單元測試介紹
• 使用 Mockito 模擬依賴關係

Widget

• Widget 測試介紹
• 定位到目標 widget
• 處理滾動
• 點選、拖拽事件和文字輸入

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