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问题
1155浏览 • 1回复 待解决
HarmonyOS 在waterflow使用lazyForEach刷新数据的时候首页图片会闪一下
1095浏览 • 1回复 待解决
HarmonyOS ForEach、LazyForEach重新渲染item的时候,item里的图片会闪动
1514浏览 • 1回复 待解决
如何过滤textinput组件内容
1430浏览 • 1回复 待解决
HarmonyOS ForEach 和lazyForEach 中的 item是引用还是全新拷贝的对象
816浏览 • 1回复 待解决
HarmonyOS 数组修改item对象的某个值,notifyDataReload无法重新渲染LazyForEach
1012浏览 • 1回复 待解决
HarmonyOS waterFlow无法像GridItem设置item占一行
1160浏览 • 1回复 待解决
WaterFlow组件能否支持在瀑布流中间穿插一个或多个占满一行的item的能力
2787浏览 • 1回复 待解决
Slider组件在Item数量等于displayCount的情况下无法轮播
2802浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何正确获取Web组件的广告过滤结果?
763浏览 • 1回复 待解决
HarmonyOS WaterFlow组件怎么实现list组件中的header效果?
1157浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS Next中如何通过LazyForEach组件实现数据懒加载,并嵌入到WaterFlow布局中?
1161浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何在Web组件开启状态下,禁用特定页面的广告过滤?
701浏览 • 1回复 待解决
HarmonyOS ActionSheet组件是否可以设置每个item的高度以及item文字的位置
776浏览 • 1回复 待解决
HarmonyOS List组件和WaterFlow组件增强
1916浏览 • 1回复 待解决
HarmonyOS list嵌套list,双重list都使用LazyForEach的时候,内层的list的item出现空白问题
1206浏览 • 1回复 待解决
WaterFlow组件如何实现拖拽交换功能
587浏览 • 1回复 待解决
HarmonyOS List组件用ListItemgroup如何滚动到指定的item?
1095浏览 • 2回复 待解决
#鸿蒙通关秘籍#如何设置WaterFlow组件的布局方向和间距?
1315浏览 • 1回复 待解决
ForEach下item是父类.如何动态获取不同子类的数据, 根据子类来区分item某些值
2359浏览 • 1回复 待解决
使用LazyForEach时,如何改变预加载组件的数量
358浏览 • 1回复 待解决
HarmonyOS waterflow组件卡片删除缺少动画
1215浏览 • 1回复 待解决
HarmonyOS 如何在app级别,移除三方库中申请的无用权限
907浏览 • 1回复 待解决
请教一下listcontainer怎么设置item的左右滑动事件?
7389浏览 • 1回复 待解决
HarmonyOS 支持LazyForEach的上拉加载更多组件
1052浏览 • 1回复 待解决
建议筛选并重新生成新的数据源给LazyForEach,以下是通过改样式达到效果,用了margin替代rowsGap: