Flutter踩坑日记

1,304 阅读1分钟

1. decoration属性

Container 的decoration属性可以设置边框、背景色、背景图片、圆角等属性,非常实用。对于transform这个属性,一般有过其他平台开发经验的,都大致了解,这种变换,一般不是变换的实际位置,而是变换的绘制效果,也就是说它的点击以及尺寸、间距等都是按照未变换前的。

注意:deoration和 color:(背景颜色)不能共存,二者同时只能有一个

错误示例:

报错如下:

I/flutter (19296): Cannot provide both a color and a decoration   
I/flutter (19296): The color argument is just a shorthand for "decoration: new BoxDecoration(color: color)".
I/flutter (19296): 'package:flutter/src/widgets/container.dart':        
I/flutter (19296): Failed assertion: line 271 pos 15: 'color == null || decoration == null'

解决办法:两者去其一


2.加载图片资源报错

在加载本地资源时报错:

EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE 

The following assertion was thrown resolving an image codec:

如图

报错如图

我本能的以为是图片资源名称写错了,导致加载不出来,然而检查了几遍发现并没有错。

图片目录:

资源文件:

后来终于发现确实问题是出在.yaml文件里,正确的写法应该是assests应该往后缩,跟"uses-material-design: true"对齐!

注意红线位置

正确写法:

ps:关于网络图片加载出错:flutter网络图片加载出错