数组与循环的综合应用

数组与循环的综合应用

遍历顺序

List({space:10}){
      ForEach(this.task,(n:number,index)=>{
        ListItem(){
          Row(){
                Text('任务')
            Text(`${n}`)
          }
          .width('90%').height(60).backgroundColor("#fff")
          .borderRadius(30).border({width:1,color:'red'})
        }
        .swipeAction({
          start:this.DeleteButton(index),
          end:this.DeleteButton(index)
        })
      })
    }

自定义组件

可以把相同的代码结和起来方便使用

例如按钮的使用

@Builder DeleteButton(index:number){
  Row(){
    Button({type:ButtonType.Circle}){
      Image($r('app.media.icons')).height(30)
    }.height(50).width(50)
    .onClick(()=>{
      this.task.splice(index,1)
    })

  }
  }

左右滑动

start:this.DeleteButton(index),
  end:this.DeleteButton(index)