#鸿蒙通关秘籍#HarmonyOS中如何使用ListItem的选中状态？

@Entry
@Component
struct SelectableListExample {
  @State selectedItem: number = -1

  build() {
    Column() {
      List({ space: 10 }) {
        ForEach([0, 1, 2, 3], (item: number) => {
          ListItem() {
            Text('Item ' + item)
              .width('100%')
              .height(50)
              .fontSize(16)
              .textAlign(TextAlign.Center)
          }
          .selected(this.selectedItem === item)
          .onSelect((isSelected: boolean) => {
            if (isSelected) {
              this.selectedItem = item
            }
          })
        })
      }
    }
    .padding(10)
    .backgroundColor(0xFFFFFF)
    .width('100%')
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.