HarmonyOS 如何实现列表的上拉效果

现有2个tab,每个tab下面是一个列表,当在第一个tab下,滑动到列表底部后,手动上拉列表,列表需要跟随手势上拉,松开手后,列表复位到底部后,切换到下一个tab

HarmonyOS
2024-12-25 09:12:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

请参考示例如下:

List({ scroller: this.scroller }) {
  ForEach(this.listData, (pageData: string) => {
    ListItem() {
      Text(pageData).width('100%').height(50).backgroundColor('#00ffff')
    }
  }, (item: string, index: number) => item + index.toString())
}
.width('100%')
.height('100%')
.chainAnimation(true)
.onReachEnd(() => {
  // 判断是否滑动到底部
  console.info("onReachEnd=======>")
})
.onDidScroll((crollOffset: number, scrollState: ScrollState) =>{
  // 结合onReachEnd滑动到底部得条件,crollOffset累加得高度做期望得业务
  console.info("crollOffset = " + crollOffset + " scrollState = " +scrollState)
})
.contentEndOffset(10)
.cachedCount(5) // cachedCount表示屏幕外List/Grid预加载item的个数。
.scrollBar(BarState.Off)
.listDirection(Axis.Vertical)
// .edgeEffect(EdgeEffect.None) // 不设置该属性,list就会往上滑动并回弹
.padding({ left: 16, right: 16 })
分享
微博
QQ
微信
回复
2024-12-25 11:02:28
相关问题
HarmonyOS 列表tabs悬浮置顶问题
142浏览 • 1回复 待解决
如何实现列表单选效果
2523浏览 • 0回复 待解决
HarmonyOS swiper实现加载更多
64浏览 • 1回复 待解决
如何实现分组列表吸顶/吸底效果
2398浏览 • 1回复 待解决
HarmonyOS 加载更多
162浏览 • 1回复 待解决
HarmonyOS 如何自定义加载功能
86浏览 • 1回复 待解决
HarmonyOS 列表动画效果
237浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载示例
203浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载功能
176浏览 • 1回复 待解决