【Flutter 专题】117 图解 Dismissible 滑动清除 Widget
在Flutter中,Dismissible
Widget可以用来创建一个可以通过滑动来清除的列表项。以下是一个简单的使用示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: ListView(
children: <Widget>[
Dismissible(
key: Key('item1'),
onDismissed: (direction) {
print('Item dismissed: $direction');
},
child: ListTile(
title: Text('Item 1'),
),
),
Dismissible(
key: Key('item2'),
onDismissed: (direction) {
print('Item dismissed: $direction');
},
child: ListTile(
title: Text('Item 2'),
),
),
// ... 更多的Dismissible项 ...
],
),
),
);
}
}
在这个例子中,我们创建了一个ListView
,其中包含了两个Dismissible
Widget。每个Dismissible
都可以通过左右滑动来清除,并且在清除时会调用onDismissed
回调函数。你可以在回调函数中实现你的清除逻辑,比如从列表中移除项。
评论已关闭