如何实现列表页的单选效果

这个是渲染组件的代码:

dataSource里面是一个模型,模型属性是name(string)跟isSelect(boolean)表示选中状态

ForEach(dataSource, (item: ItemModel) => {  ToDoItem({ itemTitle: item.itemName })}, (item) => JSON.stringify(item))
  • 1.

然后ToDoItem组件里面:

export struct ToDoItem {
  private itemTitle: string
  @State isComplete: boolean = false
  build() {
//... 设置文本
.onClick(() => {    this.isComplete = !this.isComplete})
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

在点击事件onClick修改数组里别的元素的isSelect属性置为false,从而实现单选效果,应该怎么实现好呢

UI
2024-01-25 17:04:19
3014浏览
收藏 0
回答 0
相关问题
HarmonyOS 如何实现列表上拉效果
676浏览 • 1回复 待解决
如何实现分组列表吸顶/吸底效果
3013浏览 • 1回复 待解决
CustomDialog如何实现半模态详情效果
2400浏览 • 1回复 待解决
HarmonyOS 列表动画效果
890浏览 • 1回复 待解决
HarmonyOS 如何实现列表拖拽
820浏览 • 1回复 待解决
如何实现组件阴影效果
1807浏览 • 1回复 待解决
如何实现类似keyframes效果
2490浏览 • 1回复 待解决
如何实现按钮点击效果
1287浏览 • 2回复 待解决
数组列表如何实现数据双向同步?
1248浏览 • 1回复 待解决