首页瀑布流有个问题
来源:6-6 基于StaggeredGridView封装首页双Feed列表

星辰HY
2021-03-22
现象:首页请求的条数pageSzie:设置的4,实际展示的3条,漏掉了1条
我的分析:瀑布流的条数设置为:itemCount: videoList.length,
而banner占据了0的位置,导致列表索引为0的数据并未展示到界面上
我的解决方式:
itemCount: videoList.length + 1,
itemBuilder: (context, index) {
if (index == 0) {
return bannerList.isNotEmpty ? _banner() : Container();
} else {
return VideoCard(
videoMo: videoList[index-1],
);
}
},
写回答
1回答
-
CrazyCodeBoy
2021-03-22
确实是banner占据了一个坑位,itemCount没有加1导致的,可以通过判断当banner不为空的时候itemCount加1的方式来解决。
另外,在课程性能优化部分会通过一个新组建,来解决三方组件带来的性能问题,以及解决banner占用itemCount的问题。00
相似问题