Flutter之ListView
48 浏览量
2021-01-08
02:33:49
上传
评论
收藏 94KB PDF 举报
Flutter之之ListView
文章目录文章目录资料基础用法ListView 简单堆列ScrollPhysics样式的listView
资料资料
三、Flutter基础—ListView入门
Flutter ListView 列表进阶
基础用法基础用法
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class ListViewPage extends StatefulWidget {
@override
State createState() {
return _ListViewPageState();
}
}
class _ListViewPageState extends State {
@override
Widget build(BuildContext context) {
List _list = new List();
for (int i = 0; i < titleItems.length; i++) {
_list.add(
buildListData(context, titleItems[i], iconItem[i], subTitleItems[i]));
}
//分割线
var divideTitles =
ListTile.divideTiles(tiles: _list, context: context).toList();
// 第一种方法
return new Scaffold(
appBar: AppBar(
title: new Text("Flutter ListView 常规"),
),
body: Scrollbar(
child: ListView.builder(
// 无分割线
// itemBuilder: (context, item){
// return buildListData(context, titleItems[item], iconItem[item], subTitleItems[item]);
// },
// 有分割线
itemBuilder: (context, item) {
return Container(
child: Column(
children: [
buildListData(context, titleItems[item], iconItem[item],
subTitleItems[item]),
Divider()
],
),
);
},
),
),
);
// 第二种方法
// return new Scaffold(
// appBar: AppBar(
// title: new Text('FLutter ListView'),
// ),
// body: Scrollbar(
// child: ListView.separated(
// itemBuilder: (context, item) {
// return buildListData(context, titleItems[item], iconItem[item],
// subTitleItems[item]);
// },
weixin_38607026
- 粉丝: 8
- 资源: 914
最新资源
- #P0015. 全排列 超级简单
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题（Three-Dimensional Bin Packing Problem,3D-BPP）是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0