HarmonyOS 如何删除数组中的某一个item,删除后同步刷新UI

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

删除list中的item刷新list中的ui可以使用@State来实现,参考示例:

@Entry
@Component
struct Index {
  @State arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

  build() {
    Column() {
      List({ space: 20, initialIndex: 0 }) {
        ForEach(this.arr, (item: number) => {
          ListItem() {
            Text('' + item)
              .width('100%')
              .height(100)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .borderRadius(10)
              .backgroundColor(0xFFFFFF)
          }
        }, (item: string) => item)
      }
      .width('90%')
      .height('90%')
      .scrollBar(BarState.Off)
      .onDidScroll((scrollOffset: number, scrollState: ScrollState) => {
        console.info(`onScroll scrollState = ScrollState` + scrollState + `, scrollOffset = ` + scrollOffset)
      })
      .onScrollIndex((firstIndex: number, lastIndex: number, centerIndex: number) => {
        console.info('onScroll first' + firstIndex)
        console.info('onScroll last' + lastIndex)
        console.info('onScroll center' + centerIndex)
      })

      Button("test").height('10%').onClick(() => {
        this.arr.pop();
      })
      //Search().height('5%')
    }
    .height('100%')
    .width('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
如何删除数组空值?
383浏览 • 1回复 待解决
HarmonyOS 删除相册某一照片
24浏览 • 1回复 待解决
HarmonyOS 手机应用删除数
376浏览 • 1回复 待解决
HarmonyOS 怎么删除cookie里某一
33浏览 • 1回复 待解决
Scroll中点击某一个层图片移动到顶端
858浏览 • 1回复 待解决
求告知删除数据文件方法
455浏览 • 1回复 待解决
一个sql语句,删除两张表数据
2695浏览 • 2回复 待解决