我们在HarmonyOS开发中，如何一个简单的拖拽排序列表？

Question

我们在HarmonyOS开发中，如何一个简单的拖拽排序列表？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

使用拖拽事件和状态更新来实现列表的拖拽排序。

@Entry
@Component
struct DraggableList {
  @State items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  onDragStart(index: number) {
    console.log(`开始拖拽第 ${index} 项`);
  }

  onDragEnd(index: number) {
    console.log(`结束拖拽第 ${index} 项`);
  }

  build() {
    Column() {
      ForEach(this.items, (item, index) => {
        Column() {
          Text(item)
            .onDragStart(() => this.onDragStart(index))
            .onDragEnd(() => this.onDragEnd(index));
        }
        .width('100%')
        .padding(10);
      });
    }
  }
}

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。