Flutter 常用组件

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列时的效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容