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

官方demo:https://gitee.com/harmonyos_samples/multi-convenient-life

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

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

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

因为上面的标题和下面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%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 如何实现列表效果
67浏览 • 1回复 待解决
HarmonyOS 悬浮置顶功能
25浏览 • 1回复 待解决
HarmonyOS 加载更多
69浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载功能
42浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载示例
49浏览 • 1回复 待解决
加载,下拉刷新组件
454浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
384浏览 • 1回复 待解决
下拉刷新和加载的API为9的sdk
2813浏览 • 1回复 待解决
HarmonyOS 滚动列表问题
53浏览 • 1回复 待解决
HarmonyOS 滚动列表问题
173浏览 • 0回复 待解决