#鸿蒙通关秘籍#如何给联系人列表添加粘性标题?

HarmonyOS
9天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
CPL风细语

粘性标题可以通过List组件的sticky属性与ListItemGroup结合使用,通过设置stickyStickyStyle.Header可以实现粘性标题效果。

bash import { util } from '@kit.ArkTS'

export let contactsGroups: object[] = [ { title: 'A', contacts: [ new Contact('艾佳', $r('app.media.iconA')), new Contact('安安', $r('app.media.iconB')), ], key: util.generateRandomUUID(true) }, { title: 'B', contacts: [ new Contact('白叶', $r('app.media.iconD')), new Contact('伯明', $r('app.media.iconE')), ], key: util.generateRandomUUID(true) } ]

@Entry @Component struct ContactsList { @Builder itemHead(text: string) { Text(text) .fontSize(20) .backgroundColor('#fff1f3f5') .width('100%') .padding(5) }

build() { List() { ForEach(contactsGroups, (itemGroup: ContactsGroup) => { ListItemGroup({ header: this.itemHead(itemGroup.title) }) { ForEach(itemGroup.contacts, (item: Contact) => { ListItem() { // ... } }, (item: Contact) => JSON.stringify(item)) } }, (itemGroup: ContactsGroup) => JSON.stringify(itemGroup)) }.sticky(StickyStyle.Header) } }

分享
微博
QQ
微信
回复
9天前
相关问题
鸿蒙系统-代码如何实现添加联系人
11072浏览 • 1回复 待解决
如何拉起短信界面并指定联系人
1880浏览 • 1回复 待解决
如何拉起短信界面然后指定联系人
492浏览 • 2回复 待解决
鸿蒙系统-如何拉取联系人设置页面
18634浏览 • 1回复 待解决
三方应用可以读取联系人数据吗?
195浏览 • 1回复 待解决
如何按钮添加图片?
5544浏览 • 4回复 待解决
如何组件添加双击事件?
482浏览 • 1回复 待解决
HarmonyOS 如何 app 添加水印
363浏览 • 1回复 待解决
如何文字添加下划线?
610浏览 • 1回复 待解决
文本添加上划线如何实现?
402浏览 • 1回复 待解决