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

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


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 列表视频全屏播放实现
311浏览 • 1回复 待解决
HarmonyOS 怎么实现下拉分类列表
164浏览 • 1回复 待解决
页面列表嵌套滚动,实现列表吸顶
1153浏览 • 1回复 待解决
Hbase如何分页查询 ?
2267浏览 • 1回复 待解决
Ability 全屏模式无法实现
225浏览 • 2回复 待解决
HarmonyOS 自定义时间控件日期控件
222浏览 • 1回复 待解决
在dolphindb中怎么对查询结果分页
2169浏览 • 1回复 待解决
PolarDB如何手动添加limit分页功能?
2538浏览 • 1回复 待解决
ArkTS中怎么完全屏蔽具体实现
5191浏览 • 1回复 待解决
HarmonyOS中如何动态控制控件属性
40浏览 • 0回复 待解决
HarmonyOS struct全屏问题
177浏览 • 1回复 待解决
HarmonyOS poppuwindow无法全屏
200浏览 • 1回复 待解决