Flutter中GridView.builder实现行高随最大项动态调整的方案问询

方案一：ListView.builder + IntrinsicHeight + Row（推荐，简单易实现） #

用ListView.builder做懒加载容器，每行用IntrinsicHeight包裹Row，让行高自动适配该行最高的子项。需要先把数据按固定列数分组，比如每行3个元素：

// 先将数据按行分组
List<List<YourDataModel>> groupedData = [];
int columnCount = 3;
for (int i = 0; i < yourDataList.length; i += columnCount) {
  groupedData.add(
    yourDataList.sublist(
      i,
      i + columnCount > yourDataList.length ? yourDataList.length : i + columnCount,
    ),
  );
}

// 构建ListView
ListView.builder(
  itemCount: groupedData.length,
  itemBuilder: (context, rowIndex) {
    final rowItems = groupedData[rowIndex];
    return IntrinsicHeight(
      child: Row(
        children: rowItems.map((item) {
          return Expanded(
            child: YourItemWidget(data: item),
          );
        }).toList(),
      ),
    );
  },
)

这个方案完全满足懒加载（仅渲染可见行），行高自动由该行最高子项决定，不需要手动计算比例，代码量小易维护。

方案二：自定义SliverGridDelegate #

如果必须用GridView.builder，可以自定义SliverGridDelegate来动态计算行高。核心思路是：

1. 为每个子项添加GlobalKey，在子项布局完成后记录高度
2. 自定义SliverGridDelegate，在getLayout方法中根据每行子项的最大高度计算行高
3. 监听子项高度变化，调用setState更新delegate

这个方案实现起来更复杂，需要处理布局测量、状态更新等逻辑，适合对GridView有强依赖的场景。

方案三：使用成熟的第三方包 #

如果不想自己造轮子，可以用flutter_staggered_grid_view中的StaggeredGridView.countBuilder，它支持动态行高，同时保持懒加载特性：

StaggeredGridView.countBuilder(
  crossAxisCount: 3,
  itemCount: yourDataList.length,
  itemBuilder: (context, index) => YourItemWidget(data: yourDataList[index]),
  staggeredTileBuilder: (index) => StaggeredTile.fit(1),
)

StaggeredTile.fit(1)会让每个子项占满列宽，行高由子项自身高度决定，同一行的高度会自动适配最高的子项。

内容的提问来源于stack exchange，提问作者Maurice Raguse