HarmonyOS 滚动列表问题

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

HarmonyOS
2天前
浏览
收藏 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
微信
回复
2天前
相关问题
HarmonyOS 滚动列表问题
157浏览 • 0回复 待解决
HarmonyOS 列表视频滚动播放
398浏览 • 1回复 待解决
页面和列表嵌套滚动,实现列表吸顶
1285浏览 • 1回复 待解决
HarmonyOS 列表刷新问题
634浏览 • 1回复 待解决
HarmonyOS 列表List相关问题
460浏览 • 1回复 待解决
HarmonyOS 视频列表播放问题
49浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动问题
587浏览 • 1回复 待解决
HarmonyOS ForEach列表刷新问题
61浏览 • 1回复 待解决
HarmonyOS 列表展示list懒加载问题
637浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
545浏览 • 1回复 待解决
关于获取应用列表权限问题
3482浏览 • 1回复 待解决
刷新列表加载更多问题
331浏览 • 1回复 待解决
列表滑动惯性处理问题
289浏览 • 1回复 待解决