Scroll 包裹 List 时候,在 scroll 里使用 onScroll ,无法监听到 offset 的改变

Scroll 包裹 List 时候,在 scroll 里使用 onScroll ,无法监听到 offset 的改变。

HarmonyOS
2024-10-11 10:22:33
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

如果List组件已经被子类化,那么可能需要在子类化的组件中重写onScroll事件处理方法。这通常涉及到在你的自定义List组件中添加一个新的方法,然后在父组件中绑定这个新方法。

以下是一个基本的例子:

// 自定义的List组件  
@Component  
struct CustomList {  
  // ...  
  
  // 重写onScroll事件处理方法  
  onScroll(event: ScrollEvent) {  
    const offset = event.detail.scrollTop; // 获取垂直滚动的偏移量  
    console.log('Offset:', offset);  
  }  
}  
  
// 在父组件中使用自定义的List组件  
@Entry  
@Component  
struct NestedScroll {  
  // ...  
  
  build() {  
    Flex() {  
      Scroll(this.scrollerForScroll) {  
        Column() {  
          CustomList() {  
            // ...  
          }  
        }  
      }  
    }  
  }  
}
  • 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.
分享
微博
QQ
微信
回复
2024-10-11 16:38:47
相关问题
HarmonyOS Scroll组件onScroll回调异常
596浏览 • 1回复 待解决
HarmonyOS Scroll包裹控件默认居中问题
1156浏览 • 1回复 待解决
HarmonyOS Scroll监听
549浏览 • 1回复 待解决
HarmonyOS scroll嵌套list页面无法滑动
1393浏览 • 1回复 待解决
scrolllist嵌套滑动
2537浏览 • 1回复 待解决
HarmonyOS list web scroll 联动
545浏览 • 1回复 待解决
HarmonyOS scrolllist滚动冲突
1122浏览 • 1回复 待解决
HarmonyOS Scroll回调方法执行改变
769浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动问题
779浏览 • 1回复 待解决
HarmonyOS Scroll+web+list嵌套滑行
636浏览 • 1回复 待解决
HarmonyOS Scroll组件无法滑动
1176浏览 • 1回复 待解决
HarmonyOS scroll嵌套List不能整体滑动
1333浏览 • 1回复 待解决
refresh + scroll+list嵌套问题
1062浏览 • 1回复 待解决