当前位置: 首页 > news >正文

江苏建设厅官方网站人民日报客户端

江苏建设厅官方网站,人民日报客户端,不是常用的网页制作工具,嘿嘿嘿你懂我意思正能量文章目录 概念介绍添加方法使用属性装饰器 示例代码经验总结: 我们在上一章回中介绍了多种创建ListView的方式,本章回中将介绍" 如何给ListView添加分隔线".闲话休提,让我们一起Talk Flutter吧。 概念介绍 我们在这里说的分隔线也叫Divider,…

文章目录

  • 概念介绍
  • 添加方法
    • 使用属性
    • 装饰器
  • 示例代码
  • 经验总结:

我们在上一章回中介绍了多种创建ListView的方式,本章回中将介绍" 如何给ListView添加分隔线".闲话休提,让我们一起Talk Flutter吧。

概念介绍

我们在这里说的分隔线也叫Divider,它表示ListView中每一行或者每一列底部的横线,它主要用来区分ListView中的每个项目。默认的ListView中没有分隔线,本章回中将介绍如何给ListView添加分隔线。

添加方法

给ListView添加分隔线有两种方法,接下来我们详细介绍这两种方法:

使用属性

属性名称为separatorBuilder,该属性需要配合separated()方法使用,因为只有使用该方法创建的List才有separatorBuilder属性。我们只需要给该属性赋值就可以在ListView中添加分隔线。详细操作看代码就可以。注意该属性的类型是方法类型。

装饰器

就是在ListView的项目外层嵌套一个装饰器,相当于给ListView的每个项目都添加了一个边框,添加装饰器使用BoxDecoration Weidget,可以只添加底部的边框,也可以添加四周的边框。添加方法可以在代码中查看。

示例代码

//通过边框线来设定Divider,在第一行的顶部也会有,把边框设置为圆角后就可以看出来
Widget listEx01 = ListView.builder(itemCount: 8,itemExtent: 60,itemBuilder: (BuildContext context, int index) {//使用装饰来添加分隔线return Container(decoration: BoxDecoration(//只添加底部的边框线// border: Border(bottom: BorderSide(width: 1, color: Colors.lightBlue)),//添加一个边框// border: Border.fromBorderSide(BorderSide(width: 1,color: Colors.yellow)),border: Border.all(color: Colors.greenAccent, width: 1),//给边框设置半径,就是让装饰器的边框呈现圆角borderRadius: BorderRadius.circular(30),),child: listItem(Icons.ice_skating, "$index"),);},
);//通过separatorBuilder属性来设定divider
Widget listEx02 = ListView.separated(itemBuilder: (BuildContext context, int index) {return listItem(Icons.cabin, "$index");},separatorBuilder: (BuildContext context, int index) {return const Divider(endIndent: 1,height: 1,color: Colors.lightBlue,);},itemCount: 6);

在上面的代码中关键位置都添加了注释,这样方便大家理解代码。在给项目添加装饰器时,我们调整了方框的半径,这样只是为了方便观察位于项目四周的边框。编译并且运行上面的代码就可以看项目底部出现蓝色的分隔线。

经验总结:

我们在本章回中介绍了两种添加分隔线的方法:

  • 一种是使用属性,访方法的缺点是位于ListView最下方的一个item没有分隔线。
  • 一种是把ListView中的项目使用方形装饰器包起来,该方法的缺点是顶部也会有边框,让边框呈现圆角时会更加明显,当然只添加底部边框时不会有这种问题。

大家可以依据实际需要选择其中一种方法来给ListView添加分隔线。我不能理解的是Flutter官方为什么不提供一个属性来设置分隔线?欢迎大家在评论区交流与讨论。

看官们,关于"如何给ListView添加分隔线"相关的内容就介绍到这里,欢迎大家在评论区交流与讨论!

http://www.ds6.com.cn/news/30040.html

相关文章:

  • 建设党建网站费用支出怎么列app推广多少钱一单
  • 给公众号做头像的网站文件外链网站
  • 众筹网站哪家好怎么让百度快速收录网站
  • 品牌网站建设方案seo的宗旨是什么
  • 深圳技术支持 骏域网站建设国内it培训机构排名
  • 域名访问网站在哪里找网推怎么做
  • 单位不能建设网站淘宝seo什么意思
  • 西安响应式网站建设公司外链链接平台
  • win7dw做asp购物网站比较火的推广软件
  • 站长工具官方网2021百度热搜年度榜
  • 用dw做网站首页设计师经常用的网站
  • 中山网站建设网络宣传平台有哪些
  • 做全网vip电影网站违法吗百度百科创建
  • 外贸型网站建设方法网页制作代码html制作一个网页
  • 买衣服网站排名百度不收录网站
  • 中国打仗最新消息惠州自动seo
  • 网站开发常用工具1688官网
  • 建个企业网站一年多少钱关键词优化的原则
  • Ie8网站后台编辑文章外贸网站
  • 建筑设计经典案例分析长沙seo报价
  • 兼职网站建设推广人才新产品推广方案范文
  • 怎么利用源码做网站国内打开google网页的方法
  • 恒华大厦做网站公司天天seo百度点击器
  • p2p网站策划首页关键词排名优化
  • 注册网站做网销新手如何做网上销售
  • 做网站推广邢台如何进行新产品的推广
  • 临沧网站制作网络营销sem培训
  • 上海网站建设公司地址厦门关键词排名优化
  • 可以做红娘的相亲网站北京有限公司
  • 房源网广州seo优化