前言
本篇介绍如何使用 Dio 提供的 delete
方法对接后台的删除接口。调试前需要启动后台工程,参考上一篇文章,运行后台应用(同时应准备好后台数据库数据)。
界面交互
我们需要实现长按弹出列表元素来进行删除操作,界面实现不是本篇的重点,上 pub 找了一个 FocusedMenu
来实现。FocusedMenu
实现比较简单,我们只需要将列表元素使用 FocusedMenuHolder
包裹起来即可:
// dynamic_item.dart
@override
Widget build(BuildContext context) {
return FocusedMenuHolder(
child: Container(
// 省略原列表元素构建代码
),
onPressed: () {
// 点击事件
_handlePressed(context);
},
// 长按菜单
menuItems: <FocusedMenuItem>[
FocusedMenuItem(
title: Text("查看详情"),
trailingIcon: Icon(Icons.remove_red_eye_outlined),
onPressed: () {
_handlePressed(context);
}),
FocusedMenuItem(
title: Text("取消"),
trailingIcon: Icon(Icons.cancel),