第8章手势-滑动删除
防采集标记:亢少军老师的课程和资料
import 'package:flutter/material.dart';
void main() {
runApp(new MaterialApp(
title: '滑动删除示例',
home: new MyApp(),
));
}
class MyApp extends StatelessWidget {
//构建30条列表数据
List items = new List.generate(30, (i) => "列表项 ${i + 1}");
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('滑动删除示例'),
),
//构建列表
body: new ListView.builder(
itemCount: items.length,//指定列表长度
itemBuilder: (context, index) {//构建列表
//提取出被删除的项
final item = items[index];
//返回一个可以被删除的列表项
return new Dismissible(
key: new Key(item),
//被删除回调
onDismissed: (direction) {
//移除指定索引项
items.removeAt(index);
//底部弹出消息提示当前项被删除了
Scaffold.of(context).showSnackBar(
new SnackBar(content: new Text("$item 被删除了")));
},
child: new ListTile(title: new Text('$item'),)
);
},
),
);
}
}
- Flutter技术入门与实战: http://product.dangdang.com/26485813.html
- Flutter交流学习群:894109159
- Flutter开源项目请关注: https://github.com/kangshaojun
- Flutter****:https://edu.****.net/lecturer/2436
@作者: 亢少军