Flutter中如何将高度不固定的Widget列表自动拆分到PageView多页

• 离线预测量高度后分页
  实现成本最低，适合Row数量较少的场景（你的30个Row完全适用）：

  1. 用Offstage组件包裹一个Column，将所有待分页的Row全部放入Column的children中，设置offstage: true让该区域不在界面显示，仅走布局流程
  2. 在initState中通过WidgetsBinding.instance.addPostFrameCallback监听布局完成回调，布局结束后遍历Column的所有子组件，把每个Row的size.height存入高度数组
  3. 遍历累加高度数组，每次累加值超过PageView页面可用高度时做一次截断，记录每页对应的Row索引范围
  4. 按照索引范围把原Widget列表拆分成多个子列表，每个子列表套Column作为PageView的children即可
     如果PageView高度是动态的，记得监听PageView尺寸变化后重新计算分页。

• 自定义布局动态分页
  性能更优，不需要提前预渲染所有Row，适合Row数量更多的场景：
  基于CustomMultiChildLayout自定义布局组件，实现MultiChildLayoutDelegate逻辑：

  1. 把所有Row作为CustomMultiChildLayout的子组件传入，给每个子组件设置唯一ID
  2. 在performLayout方法中先拿到父组件最大可用高度，按顺序给每个子组件布局，同步累加子组件高度
  3. 累加高度超过页面可用高度时，将当前累计的子组件划分为一页，剩余子组件继续按相同逻辑计算下一页成员
  4. 布局完成后返回所有分页的子组件列表，直接传给PageView渲染即可
     该方案把高度测量和分页逻辑合并到一次布局流程中，效率更高，也天然支持页面高度动态变化的场景。

• 滚动组件模拟PageView效果
  如果不需要单独控制每一页的逻辑，可以绕过分页计算，实现成本极低：
  把所有Row放入SingleChildScrollView，给滚动组件设置physics: PageScrollPhysics()，同时给滚动组件的父容器设置和预期PageView每页一致的固定高度，滚动时会自动按页高吸附停顿，视觉效果和PageView完全一致，不需要做任何高度计算和列表拆分。

• 社区封装库直接使用
  如果不想手写布局逻辑，可以直接使用社区封装好的动态高度分页组件，传入所有子组件和页面约束后即可自动生成对应分页的PageView，不需要自行处理测量逻辑。

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