flutter中所有的东西都是组件(widget),组件又分为动态组件(StatefulWidget)、静态组件(StatelessWidget)和自定义组件,本篇记录常用的组件用法,用来学习dart语法糖,了解flutter构建项目的组件结构
TextWidget
TextWidget的几个主要属性
几种文字对齐模式
几种溢出模式
实现效果
ImageWidget
ImageWidget的几种主要属性
ImageRepeat有四种类型,默认noRepeat
BlendMode有几十种混合模式,要提前指定背景色
显示模式,类似于iOS的contentMode
repeatY
repeatX
BlendMode.colorDodge
BoxFit.fitHeight
Container
Container常用属性
效果图
ListViewWidget
1、纯图片列表
图片列表
图片列表效果
2、ListTile组件
非常常用的ListTile组件
类似实现效果,图片+文字
3、指定ListView滑动方向,把多层嵌套自定义成新的组件
MyList是自定义的组件
可以左右滑动的ListViewWidget
4、动态列表
在程序入口构建了一个字符串数组,模拟根据数据来渲染界面
动态列表
实现效果
GridViewWidget
GridViewWidget几种属性
每行3列时的效果图