#鸿蒙通关秘籍# 如何使用HarmonyOS的ListItem组件实现待办事项左滑删除功能?

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
第一小趴菜
左滑删除
.swipeAction({ end: ... })
右滑删除
.swipeAction({ start: ... })

示例

 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) })
分享
微博
QQ
微信
回复
5天前
相关问题
【JS】如何实现删除功能
3424浏览 • 1回复 待解决
删除功能列表有哪些?
766浏览 • 1回复 待解决
HarmonyOS 页面禁止
223浏览 • 1回复 待解决