博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
flutter -------- ListView的使用
阅读量:6408 次
发布时间:2019-06-23

本文共 2316 字,大约阅读时间需要 7 分钟。

hot3.png

学习了Flutter,来分享一下学习的一些常用的知识,先来说说ListView

 

案例效果:

 

 

 

ListView是一个类似列的widget,它的内容对于其渲染框太长时会自动提供滚动。

ListView 摘要:

用于组织盒子中列表的特殊Column
可以水平或垂直放置
检测它的内容超过显示框时提供滚动
比Column配置少,但更易于使用并支持滚动

 

构建ListView有四个选项:

默认构造函数采用子类的显式List <Widget>。此构造函数适用于具有少量子项的列表视图,因为构造List需要为可能在列表视图中显示的每个子项执行工作,而不仅仅是那些实际可见的子项。

该ListView.builder构造函数采用IndexedWidgetBuilder,它建立在孩子的需求。此构造函数适用于具有大量(或无限)子项数的列表视图,因为仅为那些实际可见的子项调用构建器。

该ListView.separated构造函数有两个IndexedWidgetBuilder S: itemBuilder按需建立个子项目,separatorBuilder 同样建立其出现在子项之间的分隔符的孩子。此构造函数适用于具有固定数量子项的列表视图。

该ListView.custom构造需要SliverChildDelegate,它提供了自定义子模型的其他方面的能力。例如,SliverChildDelegate可以控制用于估计实际上不可见的子项大小的算法。

 

官方文档介绍:

https://docs.flutter.io/flutter/widgets/ListView-class.html

 

案例代码:

class UITest3_ListView extends StatelessWidget{  List
list =
[ new ListTile( title: new Text('Mi is One', style: new TextStyle(fontWeight: FontWeight.w500,fontSize: 20), ), subtitle: new Text("85 W zq"), leading: new Icon(Icons.theaters,color: Colors.blue[500]), ), new ListTile( title: new Text("Test at Tow",style: new TextStyle(fontWeight: FontWeight.w500,fontSize: 20)), subtitle: new Text("666 Car"), leading: new Icon(Icons.list,color: Colors.blue[500]) ), new ListTile( title: new Text('Three', style: new TextStyle(fontWeight: FontWeight.w500,fontSize: 20), ), subtitle: new Text("85 W zq"), leading: new Icon(Icons.theaters,color: Colors.blue[500]), ), new ListTile( title: new Text("Four",style: new TextStyle(fontWeight: FontWeight.w500,fontSize: 20)), subtitle: new Text("666 Car"), leading: new Icon(Icons.list,color: Colors.blue[500]), onTap: (){ Fluttertoast.showToast( msg: " Four", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.BOTTOM, timeInSecForIos: 1, backgroundColor: Colors.blue, textColor: Colors.white ); }, ) ]; @override Widget build(BuildContext context) { // TODO: implement build return new Scaffold( appBar: new AppBar( title: Text("ListView"), ), body: new Center( child: new ListView( children: list, ), ), ); }}

 

转载于:https://my.oschina.net/zhangqie/blog/3038448

你可能感兴趣的文章
SQL 条件 判断 select case as
查看>>
Xcode 生成 ipa包
查看>>
Foundation框架—集合
查看>>
[leetcode]String to Integer (atoi) @ Python
查看>>
编程基本功训练:流程图画法及练习
查看>>
android 浏览器开发实例
查看>>
Path Sum ****
查看>>
struts标签--logic总结
查看>>
linux包之diff
查看>>
***PHP中判断变量为空的几种方法
查看>>
ABAP开发顾问必备:SAP ABAP开发技术总结
查看>>
[Aaronyang] 写给自己的WPF4.5 笔记24 [与winform交互-flash-DEMO-收尾篇1/6]
查看>>
Atitit.软件开发的几大规则,法则,与原则p821.doc
查看>>
MVC 接受Flash上传图片
查看>>
spring事务学习(转账案例)(二)
查看>>
[官方教程] [ES4封装教程]1.使用 VMware Player 创建适合封装的虚拟机
查看>>
ab 性能测试工具的使用(Web并发测试)
查看>>
http协议与http代理
查看>>
【iOS开发-91】GCD的同步异步串行并行、NSOperation和NSOperationQueue一级用dispatch_once实现单例...
查看>>
Redis+Spring缓存实例
查看>>