HarmonyOS 列表上拉tabs悬浮置顶问题？

Question

官方demo：https://gitee.com/harmonyos\_samples/multi-convenient-life

foodlist-\>某个店铺主页，置顶功能是如何实现stick功能的

看代码好像是设置了margin top, 但是这个设置也会影响此view在页面中的实际间距，不知道具体应该如何实现

Answer 1

因为上面的标题和下面scroll是平级关系，所以滚动下方的scroll不会影响到上方。参考demo：

@Entry
@Component
struct TabsExample {

  @State currentIndex: number = 0
  @State message: string = 'Hello World'
  private controller: TabsController = new TabsController()
  scroller: Scroller = new Scroller()
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]


  build() {
    Column() {
      Text(this.message)


      Tabs({ controller: this.controller }) {
        TabContent() {
          Scroll(this.scroller) {
            Column() {
              ForEach(this.arr, (item: number) => {
                Text(item.toString())
                  .width('90%')
                  .height(150)
                  .backgroundColor(0xFFFFFF)
                  .borderRadius(15)
                  .fontSize(16)
                  .textAlign(TextAlign.Center)
                  .margin({ top: 10 })
              }, (item: string) => item)
            }.width('100%')
          }
        }
      }
      .layoutWeight(1)
      .barHeight(0)
      .vertical(false)
      .barMode(BarMode.Scrollable)
    }.width('100%')
  }
}