相关问题
鸿蒙系统-代码如何实现添加联系人
11072浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现鸿蒙应用中列表的粘性标题?
76浏览 • 1回复 待解决
如何拉起短信界面并指定联系人
1880浏览 • 1回复 待解决
如何拉起短信界面然后指定联系人?
492浏览 • 2回复 待解决
#鸿蒙学习大百科#如何跳转选择联系人页面?
240浏览 • 1回复 待解决
HarmonyOS 获取手机联系人返回成功,返回的数据为空
223浏览 • 1回复 待解决
HarmonyOS 应用支持访问通讯录及联系人信息吗?
431浏览 • 1回复 待解决
#鸿蒙学习大百科#如何在不获取ohos.permission.READ_CONTACTS权限的情况下获取联系人信息?
256浏览 • 1回复 待解决
鸿蒙系统-如何拉取联系人设置页面
18634浏览 • 1回复 待解决
HarmonyOS 联系人Picker是怎么获取手机通讯录数据的,看文档搜索不到相关使用
398浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙页面中添加标题和文本区域?
98浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何为列表项添加侧滑删除功能?
84浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中为列表项添加标记?
88浏览 • 1回复 待解决
三方应用可以读取联系人数据吗?
195浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何动态调整列表高度以适应新闻标题的高度变化?
77浏览 • 1回复 待解决
如何给按钮添加图片?
5544浏览 • 4回复 待解决
如何给组件添加双击事件?
482浏览 • 1回复 待解决
#鸿蒙通关秘籍#鸿蒙Navigation组件如何设置标题栏模式?
94浏览 • 1回复 待解决
#鸿蒙通关秘籍##鸿蒙通关秘籍#如何改变Swiper组件中图像标题的透明效果?
120浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙应用中为列表添加滚动条和侧边索引栏?
66浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙ARK UI中实现待办事项列表的添加和删除功能?
108浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中为标题应用属性动画?
141浏览 • 1回复 待解决
HarmonyOS 如何给 app 添加水印
363浏览 • 1回复 待解决
如何给文字添加下划线?
610浏览 • 1回复 待解决
给文本添加上划线如何实现?
402浏览 • 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) } }