HarmonyOS WaterFlow组件下的LazyForEach如何过滤无用的item?
this.dataSource是通用的数据源,瀑布流中的仅需dataSource中支持瀑布流的组件item,业务上需要过滤其他Item,但如果通过下述代码实现过滤,相当于没有设置FlowItem的子模块,但仍会存在空白区域(空白区域是因为columnsGap和rowsGap照成的),如何实现LazyForEach过滤无用的item且不留空白呢?
伪代码:
WaterFlow( ) {
LazyForEach(this.dataSource, (item: NewsItem, index: number) => {
FlowItem() {
if(item.isWaterFlowType){
NewsItemJiMeiNormalCardComponent({
newsItem: newsItem,
onNewsItemClick: this.onNewsItemClick,
onNewsItemChildClick: this.onNewsItemChildClick
})
}
}
})
}
backgroundColor: Color.White,
columnsTemplate: '1fr 1fr',
rowsTemplate: '1fr',
columnsGap: 10,
rowsGap: 10,
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS waterflow组件同时删除多个item问题
1178浏览 • 1回复 待解决
HarmonyOS ForEach、LazyForEach重新渲染item的时候,item里的图片会闪动
1535浏览 • 1回复 待解决
HarmonyOS 在waterflow使用lazyForEach刷新数据的时候首页图片会闪一下
1115浏览 • 1回复 待解决
HarmonyOS 数组修改item对象的某个值,notifyDataReload无法重新渲染LazyForEach
1015浏览 • 1回复 待解决
HarmonyOS ForEach 和lazyForEach 中的 item是引用还是全新拷贝的对象
850浏览 • 1回复 待解决
HarmonyOS waterFlow无法像GridItem设置item占一行
1191浏览 • 1回复 待解决
如何过滤textinput组件内容
1455浏览 • 1回复 待解决
WaterFlow组件能否支持在瀑布流中间穿插一个或多个占满一行的item的能力
2815浏览 • 1回复 待解决
Slider组件在Item数量等于displayCount的情况下无法轮播
2818浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何正确获取Web组件的广告过滤结果?
771浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Web组件开启状态下,禁用特定页面的广告过滤?
715浏览 • 1回复 待解决
HarmonyOS ActionSheet组件是否可以设置每个item的高度以及item文字的位置
792浏览 • 1回复 待解决
HarmonyOS List组件和WaterFlow组件增强
1945浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS Next中如何通过LazyForEach组件实现数据懒加载,并嵌入到WaterFlow布局中?
1179浏览 • 0回复 待解决
HarmonyOS List组件用ListItemgroup如何滚动到指定的item?
1109浏览 • 2回复 待解决
HarmonyOS WaterFlow组件怎么实现list组件中的header效果?
1170浏览 • 1回复 待解决
ForEach下item是父类.如何动态获取不同子类的数据, 根据子类来区分item某些值
2375浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何设置WaterFlow组件的布局方向和间距?
1343浏览 • 1回复 待解决
HarmonyOS list嵌套list,双重list都使用LazyForEach的时候,内层的list的item出现空白问题
1218浏览 • 1回复 待解决
使用LazyForEach时,如何改变预加载组件的数量
381浏览 • 1回复 待解决
WaterFlow组件如何实现拖拽交换功能
602浏览 • 1回复 待解决
请教一下listcontainer怎么设置item的左右滑动事件?
7420浏览 • 1回复 待解决
HarmonyOS 如何在app级别,移除三方库中申请的无用权限
931浏览 • 1回复 待解决
HarmonyOS 点击事件过滤
896浏览 • 1回复 待解决
HarmonyOS list的item如何保存状态
1071浏览 • 2回复 待解决
建议筛选并重新生成新的数据源给LazyForEach,以下是通过改样式达到效果,用了margin替代rowsGap: