Flutter入门(三)------常用组件

一.容器组件

   容器组件( Container )包含一个子 widget ,自身具备如 alignment padding 等基础属性,方便布局过程中摆放 child。

二.图片组件

图片组件( Image )是显示图像的组件, Image 组件有种构造函数

new Image:从 ImageProvider 获取图像

new Image.asset :加载资源图片  

new Image.file :加载本地图片文件 

new Image.network :加载网络图片 

new Image.memory :加载 Uint8List 资源图片

三.文本组件

文本组件( text )负责显示文本和定义显示样式

四.图标及按钮组件

   1.图标组件

  图标组件( Icon )为展示图标的组件,该组件不可交互,要实现可交互的图标,可以考虑使用 IconButton组件。

 IconButton :可交互的 Icon .

 Icons :框架自带 Icon 集合

 IconThemeIcon 主题

 Imagelcon :通过 Assetlmages 或者其他图片显示 Icon

     2.图标按钮组件

    图标按钮组件( IconButton )是基于 Material Design 风格的组 ,它可 以响应按下事件, 并且按下时会带一个水波纹的效果。 如果它的 onPressed 回调函数为 null ,那么这个 按钮处于禁用状态,并且不可以按下。

 3.凸起按钮组件

凸起按钮组件( RaisedButton )是 Material Design 中的 button ,一个凸起的材质矩形按 钮,它可以响应按下事件,并且按下时会带一个触摸的效果。

五.列表组件

1.基础列表组件

2.长列表组件

当列表的数据项非常多时, 需要使用长列表,比如淘 宝后台订单列表、手机通讯录等,这些列表项数据很多。 长列表也是使用 ListView 为基础组件,只不过需要添一个列表项构造器 itemBuilder

3.网格列表组件

  数据量很大时用矩阵方式排列比较清晰,此时用网格列表组件,即为 Grid View 组件,可以实现多行多列的应用场景, 使用 GridView创建网格列表有多种方式:

    GridView.count 通过单行展示个数 创建GridView。

    GridView. extent 通过最大宽度创建 GridView 。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值