HarmonyOS 原生ListItem中如何能给当前选中的item设置背景样式,以代表当前列表被选中?

HarmonyOS 原生ListItem中如何能给当前选中的item设置背景样式,以代表当前列表被选中?-鸿蒙开发者社区

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

该问题可以参考以下案例:

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

  build() {
    Column({ space: 10 }) {
      List({ space: 20 }) {
        ForEach(this.arr, (item: number) => {
          ListItem() {
            Text(''+ item)
              .width('100%')
              .height(100)
              .fontSize(16)
              .textAlign(TextAlign.Center)
              .backgroundColor(this.select.includes(item) ?'#ffa0a0':'#ffffff')
              .onClick(() => {
                this.select = [item]
              })
          }
        }, (item: number) => item.toString())
      }
      .listDirection(Axis.Vertical)
      .scrollBar(BarState.Off)
      .friction(0.6)
    }
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
stateStyles如何使用selected(选中态)
394浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
456浏览 • 1回复 待解决
怎么获取select选中
7739浏览 • 1回复 待解决