下面是一个基本的例子,展示了如何在ListView中使用Dismissible来实现侧滑删除功能:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final List<String> items = List<String>.generate(20, (i) => "Item ${i + 1}");
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Swipe to Dismiss'),
),
body: ListView.builder(
itemCount: items.length,
itemBuilder: (context, index) {
final item = items[index];
return Dismissible(
key: Key(item),
onDismissed: (direction) {
// Remove the item from the data source.
setState(() {
items.removeAt(index);
});
// Show a snackbar! This snackbar could also contain "Undo" actions.
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("$item dismissed"),
)
);
},
background: Container(color: Colors.red),
child: ListTile(title: Text('$item')),
);
},
),
);
}
}