HarmonyOS 鸿蒙Next 怎么在item上设置左滑删除 收藏等功能

使用swiperAction，可以看下这个demo，左滑右滑效果 

[@Entry](/user/Entry)
[@Component](/user/Component)
struct ListItemExample2 {
 [@State](/user/State) arr: number[] = [0, 1, 2, 3, 4]
 [@State](/user/State) enterEndDeleteAreaString: string = "not enterEndDeleteArea"
 [@State](/user/State) exitEndDeleteAreaString: string = "not exitEndDeleteArea"

 [@Builder](/user/Builder)
 itemStart() {
   Row() {
     Button("Set").margin("4vp")
   }.padding("4vp").justifyContent(FlexAlign.SpaceEvenly)
 }

 [@Builder](/user/Builder)
 itemEnd() {
   Row() {
     Button("Delete").margin("4vp")
   }.padding("4vp").justifyContent(FlexAlign.SpaceEvenly)
 }

 build() {
   Column() {
     List({ space: 10 }) {
       ForEach(this.arr, (item: number) => {
         ListItem() {
           Text("item" + item)
             .width('100%')
             .height(100)
             .fontSize(16)
             .textAlign(TextAlign.Center)
             .borderRadius(10)
             .backgroundColor(0xFFFFFF)
         }
         .transition({ type: TransitionType.Delete, opacity: 0 })
         .swipeAction({
           edgeEffect: SwipeEdgeEffect.None,
           end: {
             builder: () => {
               this.itemEnd()
             },
             onAction: () => {
               animateTo({ duration: 1000 }, () => {
                 let index = this.arr.indexOf(item)
                 this.arr.splice(index, 1)
               })
             },
             actionAreaDistance: 56,
           }
         })
       }, (item: string) => item)
     }

     Text(this.enterEndDeleteAreaString).fontSize(20)
     Text(this.exitEndDeleteAreaString).fontSize(20)
   }
   .padding(10)
   .backgroundColor(0xDCDCDC)
   .width('100%')
   .height('100%')
 }
}