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

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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
HarmonyOS 列表tabs悬浮置顶问题
10浏览 • 1回复 待解决
如何实现列表单选效果
2472浏览 • 0回复 待解决
HarmonyOS 加载更多
65浏览 • 1回复 待解决
如何实现分组列表吸顶/吸底效果
2267浏览 • 1回复 待解决
加载,下拉刷新组件
447浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载示例
31浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载功能
30浏览 • 1回复 待解决