#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中使用ListItem组件实现带有左滑删除功能的待办事项列表？

左滑删除
.swipeAction({ end: ... })
右滑删除
.swipeAction({ start: ... })
1.
2.
3.
4.

 ListItem() {
              Row() {
                Text(item.name)
                  .fontSize(20)
                Checkbox()
                  .select(item.finished)
                  .onChange(val => {
                    // 更新当前任务状态
                    item.finished = val
                    // 更新已完成任务数量
                    this.finishTask = this.tasks.filter(item => item.finished).length
                  })
              }
              .card()
              .justifyContent(FlexAlign.SpaceBetween)
            }
            .swipeAction({ end: this.DeleteButton(index) })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.