HarmonyOS list sticky相关问题
List.sticky(StickyStyle.Header) 使用ListItemGroup header的功能时,我的ListItemGroup内部的list 如果不滚动到header 的下方(与 header 重叠)。需求是内部的 list 滚动不应该超过 header。
如图所示,现在ListItemGroup内部的 list (HomeRoomListPage)向上滚动的时候,会与 header 重叠。
List() {
ListItem() {
Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceBetween }) {
this.HomeTopFunctionView("每日福利", $r("app.media.icon_home_daily"))
this.HomeTopFunctionView("甜蜜空间", $r("app.media.ic_home_sweet_meet"))
this.HomeTopFunctionView("爱情小屋", $r("app.media.icon_home_marriage"))
this.HomeTopFunctionView("我的派对", $r("app.media.icon_home_party"))
this.HomeTopFunctionView("好友在玩", $r("app.media.icon_home_play"))
}.margin({ top: 16, left: 8, right: 8 })
}
ListItemGroup({ header: this.Tab() }) {
ListItem() {
Tabs({ barPosition: BarPosition.Start, controller: this.controller }) {
ForEach(this.homeInfo.room.label, (item: RoomLabel, index: number) => {
TabContent() {
HomeRoomListPage({ roomList: this.homeInfo.room.list, labelType: item.labelType, current: index })
}.margin({ top: 12 })
.tabBar(item.labelName).width('100%').height('100%')
})
}
.barMode(BarMode.Scrollable)
.barHeight(0)
.onChange((index: number) => {
this.focusIndex = index
})
.width('100%')
.height('100%')
.layoutWeight(1)
}
}
}.layoutWeight(1).height('100%').width('100%').sticky(StickyStyle.Header)
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 列表List相关问题
1533浏览 • 1回复 待解决
HarmonyOS 置顶粘贴效果除了list的sticky 还有别的方案吗?
1003浏览 • 1回复 待解决
HarmonyOS sticky粘性布局
680浏览 • 1回复 待解决
HarmonyOS List控制器Scroller相关
1136浏览 • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题
1267浏览 • 1回复 待解决
HarmonyOS Scroll组件内部子组件Sticky属性实现
1008浏览 • 1回复 待解决
HarmonyOS List回弹问题
690浏览 • 1回复 待解决
HarmonyOS list组件问题
992浏览 • 1回复 待解决
HarmonyOS 证书相关问题
1260浏览 • 1回复 待解决
HarmonyOS Grid相关问题
1450浏览 • 1回复 待解决
HarmonyOS Lib相关问题
922浏览 • 1回复 待解决
HarmonyOS 线程相关问题
1549浏览 • 1回复 待解决
HarmonyOS AccountKit相关问题
1542浏览 • 1回复 待解决
HarmonyOS BindSheet相关问题
1721浏览 • 1回复 待解决
HarmonyOS Worker相关问题
1108浏览 • 1回复 待解决
HarmonyOS KVStore 相关问题
1295浏览 • 1回复 待解决
HarmonyOS string相关问题
1123浏览 • 1回复 待解决
HarmonyOS @Event相关问题
1164浏览 • 1回复 待解决
适配HarmonyOS相关问题
1211浏览 • 1回复 待解决
HarmonyOS ApplicationContext相关问题
1246浏览 • 1回复 待解决
HarmonyOS CardRecognition相关问题
1097浏览 • 1回复 待解决
HarmonyOS RN相关问题
1674浏览 • 1回复 待解决
HarmonyOS RelativeContainer相关问题
915浏览 • 1回复 待解决
HarmonyOS音频相关问题
1871浏览 • 1回复 待解决
HarmonyOS 打包相关问题
1199浏览 • 1回复 待解决
示例参考如下: