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 视频教程：网易云课堂-来自做者

B站平台

youtube平台

HansYangBilibili

特别鸣谢

JS瘦
- github地址
- Flutter 图表相关坑

写在最后

我是洋小洋同窗，让咱们一块儿UP,这是个人我的站大鹏一日同风起，欢迎来玩~~

再见会再见