@Component
export struct ListEditTestPage {
  @Consume navi:NavPathStack;
  build() {
    NavDestination(){
      this.customNaviBar()
      List(){
        ForEach(data,(item:ToDoItemInter,index:number)=>{
          this.builderItem(item,index)
        })
      }
    }.title(this.builderTitle())
    .mode(NavDestinationMode.STANDARD)
    .onBackPressed(()=>{
     hilog.info(0xffff,'test','onBackPressed')
      return true
    })
    .hideTitleBar(true)
  }

  @Builder customNaviBar(){
    NavigationView({config:this.configNaviBar()})
  }
  @Builder builderTitle(){
    Row(){
      Button('ListEditTestPage')
    }.backgroundColor(Color.Pink)
  }
  @Builder builderItem(item:ToDoItemInter,index:number){
    ListItem(){
      ToItemView({item:item})
    }
  }
  configNaviBar():NavigationBarConfig{
    let backItems:ItemInterface[] = [
      {title:"返回",icon:$r('app.media.startIcon'),direction:ItemDirection.Column,action:()=>{
        this.navi.pop();
        hilog.info(0xffff,'test','返回!!!!')
      }},
      {title:"关闭",icon:$r('app.media.startIcon'),titleStyle:{fontColor:Color.Red,fontStyle:FontStyle.Italic}},
      {title:"关闭",icon:$r('app.media.startIcon'),titleStyle:{fontSize:18}},
      {title:"关闭",icon:$r('app.media.startIcon'),titleStyle:{fontStyle:FontStyle.Italic}}
    ]
    // let centerItems:ItemInterface[]|CustomBuilder = testB
    let centerItems:ItemInterface[]|CustomBuilder =  [
      {title:"1"},
      {title:"2"}
    ]

    let rightItems:ItemInterface[] = [
      {title:"下一页"},
      {title:"上一页"}
    ]
    let itemSpace:ItemSpace = {
      left:10,
      center:0,
      right:10
    }

    let config:NavigationBarConfig = new NavigationBarConfig(
      backItems,centerItems,rightItems,itemSpace,NavigationHeight.Auto
    )
    return config;
  }
}