Flutter 常用组件

2019-04-17  本文已影响0人  SFHinc

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列时的效果图
上一篇下一篇

猜你喜欢

热点阅读