Flutter踩坑记录 widget坑点记录（持续更新）

本系列不做Widget介绍用,相关Widget功能自行查看注释或者Google(太过于繁琐且没必要),本文只记录作者在使用各类Widget中遇到的坑

不过还是明确一个概念,这一点很多Andoird开发人员无法适应,flutter中的widget,其功能非常内敛,比如text就只负责文字的显示,没有设置位置,对齐,view,甚至点击事件等方法,你得用其他有这类功能的widget去套一层,比如大小可以用sizebox,点击事件用手势widget等

• TextField()

在Row中使用TextField,其InputDecoration无法确定宽度,会报相关异常,需要指定TextFilter的宽,使用SizeBox指定宽度或者使用Expanded来使其填充剩余布局。

• ImageIcon()

icon是需要设置颜色的,默认会渲染成deafult颜色,所以icon只适合放纯色的图标,然后根据图标颜色设置color属性

• Row() Cloum()

如果想要平分child

试试

 mainAxisAlignment: MainAxisAlignment.spaceBetween,

• Container()

作为常用的容器,如果要设置background,使用属性

 decoration: BoxDecoration(
                        image: (){}

                      )

此容器的 width和height并不好用,因为此容器具体的宽高需要搭配父容器的限制,回到文章开头提到的,widget属性都比较收敛,所以使用对应的布局容易把此容器套进去比较好.