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相关问题 
1607浏览  • 1回复 待解决
HarmonyOS  置顶粘贴效果除了list的sticky 还有别的方案吗? 
1064浏览  • 1回复 待解决
HarmonyOS sticky粘性布局 
745浏览  • 1回复 待解决
HarmonyOS  List控制器Scroller相关 
1182浏览  • 1回复 待解决
HarmonyOS List嵌套List和List嵌套Grid问题 
1333浏览  • 1回复 待解决
HarmonyOS  string相关问题 
1187浏览  • 1回复 待解决
HarmonyOS AccountKit相关问题 
1647浏览  • 1回复 待解决
HarmonyOS Lib相关问题 
994浏览  • 1回复 待解决
HarmonyOS  KVStore 相关问题 
1377浏览  • 1回复 待解决
HarmonyOS Grid相关问题 
1497浏览  • 1回复 待解决
HarmonyOS  证书相关问题 
1332浏览  • 1回复 待解决
HarmonyOS  线程相关问题 
1618浏览  • 1回复 待解决
HarmonyOS Worker相关问题 
1174浏览  • 1回复 待解决
HarmonyOS BindSheet相关问题 
1808浏览  • 1回复 待解决
HarmonyOS  Scroll组件内部子组件Sticky属性实现 
1100浏览  • 1回复 待解决
HarmonyOS List回弹问题 
740浏览  • 1回复 待解决
HarmonyOS list组件问题 
1055浏览  • 1回复 待解决
HarmonyOS RelativeContainer相关问题 
965浏览  • 1回复 待解决
HarmonyOS PushExtensionAbility相关问题 
996浏览  • 1回复 待解决
HarmonyOS ApplicationContext相关问题 
1289浏览  • 1回复 待解决
HarmonyOS 打包相关问题 
1280浏览  • 1回复 待解决
HarmonyOS protobuf相关问题 
1542浏览  • 1回复 待解决
HarmonyOS 混淆相关问题 
1018浏览  • 1回复 待解决
HarmonyOS CardRecognition相关问题 
1158浏览  • 1回复 待解决





















示例参考如下: