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

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

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

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

HarmonyOS
2024-12-25 07:55:05
浏览
收藏 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%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
分享
微博
QQ
微信
回复
2024-12-25 10:18:49


相关问题
HarmonyOS 悬浮置顶功能
566浏览 • 1回复 待解决
HarmonyOS 如何实现列表效果
654浏览 • 1回复 待解决
HarmonyOS 加载更多
599浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载示例
670浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载功能
585浏览 • 1回复 待解决
HarmonyOS swiper实现加载更多
650浏览 • 1回复 待解决
加载,下拉刷新组件
1135浏览 • 1回复 待解决
HarmonyOS 如何自定义加载功能
749浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
1281浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
1724浏览 • 1回复 待解决
HarmonyOS tabs切换问题
451浏览 • 1回复 待解决