HarmonyOS 滚动列表问题

页面有两个列表,在滚动一个列表的时候另一个列表需要跟着同时滚动,碰到的问题是进入页面之后,滑动一个列表时另一个列表可以跟着滚动,反过来就不行了(滚动有延迟)。

HarmonyOS
2024-12-20 16:03:24
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

参考demo:

@Entry
@Component
struct ListDragTest {
  @State arr: string[] = [];
  private leftListScroller: ListScroller = new ListScroller()
  private rightListScroller: ListScroller = new ListScroller()

  aboutToAppear() {
    for (let i = 1; i <= 15; i++) {
      this.arr.push("item_" + i);
    }
  }
  @Builder textItem(content: string) {
    Text(content)
      .width('100%')
      .height(150)
      .textAlign(TextAlign.Center)
  }
  build() {
    Row() {
      List({ space: 10, scroller: this.leftListScroller }) {
        ForEach(this.arr, (item: string) => {
          ListItem() {
            this.textItem(item)
          }
        })
      }
      .onScrollFrameBegin((offset: number, state: ScrollState) => {
        this.rightListScroller.scrollBy(0, offset)
        return {offsetRemain: offset}
      })
      .layoutWeight(1)
      .height('100%')
      List({ space: 10, scroller: this.rightListScroller }) {
        ForEach(this.arr, (item: string) => {
          ListItem() {
            this.textItem(item)
          }
        })
      }
      .onScrollFrameBegin((offset: number, state: ScrollState) => {
        this.leftListScroller.scrollBy(0, offset)
        return {offsetRemain: offset}
      })
      .layoutWeight(1)
      .height('100%')
    }.width('100%').margin({ top: 5 })

  }
}
分享
微博
QQ
微信
回复
2024-12-20 17:52:29
相关问题
HarmonyOS 滚动列表问题
428浏览 • 0回复 待解决
HarmonyOS 列表视频滚动播放
706浏览 • 1回复 待解决
页面和列表嵌套滚动,实现列表吸顶
1750浏览 • 1回复 待解决
HarmonyOS List列表滚动到指定位置
488浏览 • 1回复 待解决
HarmonyOS 列表选择问题
263浏览 • 1回复 待解决
HarmonyOS scroll滚动问题
371浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
1043浏览 • 1回复 待解决
HarmonyOS 列表刷新问题
972浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
849浏览 • 1回复 待解决
HarmonyOS 视频列表播放问题
356浏览 • 1回复 待解决
HarmonyOS ForEach列表刷新问题
490浏览 • 1回复 待解决
HarmonyOS 后台应用列表模糊问题
227浏览 • 1回复 待解决
HarmonyOS 范型列表转化问题
202浏览 • 1回复 待解决
HarmonyOS 列表展示list懒加载问题
945浏览 • 1回复 待解决