全屏分页列表,要实现全屏分页列表,并要和上拉下拉控件连用,该用什么控件和属性

要实现全屏分页列表,并要和上拉下拉控件连用,该用什么控件和属性。


HarmonyOS
2024-10-11 10:32:49
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

通过onAreaChange监听swiper的高度变化,并记录在本地,当变化后的新高度和之前的高度不一样时。通过@state属性触发swiper中的子控件高度刷新。默认设置swiper中子组件的高度为undefined,会被当做默认高度。

@State sizeValue : number = 0  
Swiper() {  
  ForEach(this.data?.childList, (item) => {  
    Stack({ alignContent: Alignment.Top }) {  
      // 子组件  
    }  
    .height(this.sizeValue > 0 ? this.sizeValue : undefined)  
  }, (item, index) => item + index)  
}  
.onAreaChange((_oldValue: Area, newValue: Area) => {  
  try {  
    if (newValue.height as number != this.sizeValue) {  
      this.sizeValue = newValue.height as number  
    }  
  } catch (e) {  
    /// 异常处理  
  }  
})
分享
微博
QQ
微信
回复
2024-10-11 17:24:47
相关问题
HarmonyOS 分页列表实现方式
69浏览 • 1回复 待解决
HarmonyOS 列表视频全屏播放实现
449浏览 • 1回复 待解决
HarmonyOS 刷视频下拉分页的效果
66浏览 • 1回复 待解决
HarmonyOS 怎么实现下拉分类列表
267浏览 • 1回复 待解决
HarmonyOS 文字测量分页处理
25浏览 • 1回复 待解决
Hbase如何分页查询 ?
2344浏览 • 1回复 待解决
HarmonyOS 按钮下拉列表弹窗
152浏览 • 1回复 待解决
页面列表嵌套滚动,实现列表吸顶
1296浏览 • 1回复 待解决
HarmonyOS 分页功能的组件
20浏览 • 1回复 待解决
HarmonyOS 如何实现列表拉效果
63浏览 • 1回复 待解决
在dolphindb中怎么对查询结果分页
2260浏览 • 1回复 待解决