Flutter實際專案開發中踩坑大合集(持續更新..)

洋小洋同學 發表於 2019-11-26

寫在前面

  • 面向讀者:Web前端開發工程師|IOS開發工程師|安卓開發工程師|Flutter開發工程師
  • 更新維度:暫且以時間(Time)維度更新,後續會慢慢調整為坑的型別(Type)
  • 核心內容:尊重原創|企業開發中實錄|坑坑見血
  • 更新時間:儘量以為單位
  • 共建精神:掘友在開發過程中所遇坑可在評論區留言,會更新在本篇之上
  • 侵權聯絡:[email protected],牽扯到侵權的內容,請郵件聯絡(見核心內容)

傳送門

活躍社群

QQ平臺

B站平臺

youtube平臺

待更新..

踩坑合集

2019-11-26

坑型別(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);

此處輸入圖片的描述


特別鳴謝

寫在最後

我是洋小洋同學,讓我們一起UP,這是我的個人站大鵬一日同風起,歡迎來玩~~

此處輸入圖片的描述
再見會再見