Flutter實際項目開發中踩坑大合集（持續更新..）

時間 2019-11-29

標籤 flutter 實際項目開發合集持續更新简体版

原文原文鏈接

寫在前面

面向讀者：Web前端開發工程師|IOS開發工程師|安卓開發工程師|Flutter開發工程師
更新維度：暫且以時間（Time）維度更新，後續會慢慢調整爲坑的類型（Type）
核心內容：尊重原創|企業開發中實錄|坑坑見血
更新時間：儘可能以日爲單位
共建精神：掘友在開發過程當中所遇坑可在評論區留言，會更新在本篇之上
侵權聯繫：youngwanlia@gmail.com，牽扯到侵權的內容，請郵件聯繫（見核心內容）

傳送門

踩坑合集

2019-11-28html

坑類型(type)	關鍵詞	是否進度（0坑已填/1進行中/-1坑待填）
基礎部件用法	decoration / color	0

坑描述

給一個Container，作修飾的時候，decoration裝飾器與color不建議一塊兒使用前端

坑截圖

坑解決

二者取一就可git

坑類型(type)	關鍵詞	是否進度（0坑已填/1進行中/-1坑待填）
數據模型	await/數據交互/類型報錯	0

坑描述

在等待後臺數據的時候，Future<dynamic>' is not a subtype of type 'Map<String, dynamic>'github

坑截圖

坑解決

形成這個問題的緣由是類型不匹配，在請求的時候，須要await等待返回的結果json

2019-11-27微信

坑類型(type)	關鍵詞	是否進度（0坑已填/1進行中/-1坑待填）
數據模型	Model/後臺數據	0

坑描述

在後臺返回的數據後，轉Model類的時候，拋出異常，dom

坑截圖

坑解決

形成這個問題的緣由是類型不匹配，能夠嘗試在聲明初始化數據的時候，暫且使用var或者List等，不添加數據的類型，待結果返回後，再加上類型，配上一個截圖 ssh

2019-11-26jsp

坑類型(type)	關鍵詞	是否進度（0坑已填/1進行中/-1坑待填）
調試配置	Vscode/Debug/launch.json/編輯器	0

坑描述

調試Flutter 代碼的時候用Debug模式，調試控制檯，配置launch.json文件編輯器

{
    // 使用 IntelliSense 瞭解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲瞭解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Dart",
            "program": "bin/main.dart",
            "request": "launch",
            "type": "dart"
        }
    ]
}
複製代碼

坑截圖

坑解決

刪除生成的.vscode文件夾便可，而後從新debug

坑類型(type)	關鍵詞	是否進度（0坑已填/1進行中/-1坑待填）
第三方插件	Flutter導入包/編輯器爆紅/引入失敗	0

坑描述

在引入第三方包後，已經正確在pubspec.yaml安裝了依賴,依然報錯誤

坑截圖

坑解決

方式一：再次確認 pubspec.yaml 有沒正確配置方式二：再次檢查 import 導入包的使用方式方式三：從新flutter pub get 方式四：更新SDK版本 flutter upgrade 方式五：重啓所用編輯器

坑類型(type)	關鍵詞	是否進度（0坑已填/1進行中/-1坑待填）
第三方插件	Chart/圖表/ charts_flutter/plot/散點圖	0

坑描述

在引入Google官方庫下的圖表插件時，須要與後臺數據結合，傳值問題，SimpleScatterPlotChart.withRandomData(data)，建立數據地方後臺dataList取不到

坑截圖

坑解決

SimpleScatterPlotChart.withSampleData()就獲得了這個顯示的圖表這裏須要一個參數SimpleScatterPlotChart.withSampleData(orginData);

活躍社羣

QQ平臺

Flutter交流羣 674639629
- 關鍵詞：前端屆大佬技術胖
- 1羣
- 活躍指數：5顆星
Flutter交流羣2 806799257
- 關鍵詞：前端屆大佬技術胖
- 2羣
- 活躍指數：5顆星
Flutter中國開發者 860708630
- 關鍵詞：賈鵬輝的技術博客官網
- 慕課網《Flutter從入門到進階-實戰攜程網App》
- 活躍指數：3顆星
OpenFlutter 交流羣 892398530
- 關鍵詞： Github適用於Flutter的微信SDK
- 開源Fluwx討論羣
- 活躍指數：4顆星
- Fluwx 視頻教程：網易雲課堂-來自做者