Flutter——官方實用教程 :動畫,設計,文本,手勢,列表,錯誤,導航,網絡,數據持久化,拍照,測試

實用教程

本文,太水。只是為了記錄。

Animation

  • Animate a widget using a physics simulation
  • Container 里的動畫漸變效果
  • Widget 的淡入淡出效果
  • 為頁面切換加入動畫效果

Design

  • 以 package 的方式使用字體
  • 使用 Themes 統(tǒng)一顏色和字體風格
  • 使用 tabs
  • 使用自定義字體
  • 在屏幕上添加一個 Drawer
  • 顯示 snackbars
  • 根據屏幕方向更新界面

Forms

  • 響應文本框內容的更改
  • 文本框的創(chuàng)建和設定
  • 構建一個有驗證判斷的表單
  • 焦點和文本框
  • 獲取文本框的輸入值

Gestures

  • 實現(xiàn)「滑動清除」效果
  • 捕獲和處理點擊動作
  • 添加點按漣漪效果 (Material Design)
  • Images
  • 使用緩存圖片
  • 占位符和網絡圖片淡入
  • 顯示網絡上的遠程圖片

Lists

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

Maintenance

  • 把報錯信息通過服務上傳

Navigation

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

Networking

  • 發(fā)起 HTTP 認證授權請求
  • 發(fā)起 WebSockets 請求
  • 在后臺處理 JSON 數據解析
  • 獲取網絡數據

Persistence

  • 存儲鍵值對數據
  • 文件讀寫
  • 用 SQLite 做數據持久化

Plugins

  1. 使用 Camera 插件實現(xiàn)拍照功能
  2. 視頻的播放和暫停

Testing

  • Integration
  • 列表滾動
  • 性能分析
  • 集成測試介紹

Unit

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

Widget

  • Widget 測試介紹
  • 定位到目標 Widgets
  • 點擊、拖拽事件和文本輸入
image.png

本文完。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,384評論 0 17
  • “媽,我走了” “衣服都收好了嗎?路上吃的夠不夠?箱子沉不沉?火車站樓梯長不長,能不能拎動……” “哎呀,媽...
    米小米e閱讀 895評論 0 0
  • 所有成就的獲得都需要一點一點的去積累,好的身體,適當的體重,大的夢想,如此種種,"Rome wasn't buil...
    菜菜子Yonan閱讀 251評論 0 0
  • 嫚嫚經常會跟我說接觸聰明的人多了,自己也會變聰明,康康的家人們都很優(yōu)秀,每個人身上都有優(yōu)點,所以要多發(fā)現(xiàn)家人們身上...
    Tracy_zhang閱讀 126評論 0 1

友情鏈接更多精彩內容