相关问题
鸿蒙系统-代码如何实现添加联系人
11390浏览 • 1回复 待解决
HarmonyOS 如何拉起拉起系统通讯录，进行选择联系人或者新增联系人
191浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现鸿蒙应用中列表的粘性标题？
209浏览 • 1回复 待解决
HarmonyOS 根据id查询联系人报错
255浏览 • 1回复 待解决
HarmonyOS contatckit是否能获取联系人列表
441浏览 • 1回复 待解决
HarmonyOS 添加联系人到通讯录没反应
285浏览 • 1回复 待解决
如何拉起短信界面并指定联系人
2109浏览 • 1回复 待解决
如何拉起短信界面然后指定联系人？
752浏览 • 2回复 待解决
HarmonyOS 获取手机联系人返回成功，返回的数据为空
485浏览 • 1回复 待解决
HarmonyOS 应用支持访问通讯录及联系人信息吗？
680浏览 • 1回复 待解决
HarmonyOS 联系人读取报201权限错误
91浏览 • 1回复 待解决
#鸿蒙学习大百科#如何跳转选择联系人页面？
672浏览 • 1回复 待解决
HarmonyOS 要怎么获取所有通讯录联系人的信息呢
237浏览 • 1回复 待解决
#鸿蒙学习大百科#如何在不获取ohos.permission.READ_CONTACTS权限的情况下获取联系人信息？
624浏览 • 1回复 待解决
鸿蒙系统-如何拉取联系人设置页面
19118浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙页面中添加标题和文本区域？
314浏览 • 1回复 待解决
HarmonyOS 我给地图添加了Marker, 但是未显示标题
205浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何为列表项添加侧滑删除功能？
317浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中为列表项添加标记？
418浏览 • 1回复 待解决
HarmonyOS 联系人Picker是怎么获取手机通讯录数据的，看文档搜索不到相关使用
499浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何动态调整列表高度以适应新闻标题的高度变化？
225浏览 • 1回复 待解决
三方应用可以读取联系人数据吗？
443浏览 • 1回复 待解决
#鸿蒙通关秘籍#鸿蒙Navigation组件如何设置标题栏模式？
407浏览 • 1回复 待解决
如何给按钮添加图片？
5833浏览 • 4回复 待解决
#鸿蒙通关秘籍##鸿蒙通关秘籍#如何改变Swiper组件中图像标题的透明效果？
274浏览 • 1回复 待解决
粘性标题可以通过
List组件的sticky属性与ListItemGroup结合使用，通过设置sticky为StickyStyle.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) } }