将一长串 Widget 分成多个页面

Question

假设我有一个如下的小部件列表：

List<Widget> widgets = [Row(1), Row(2), Row(3), ...... Row(30)];

现在我想将此列表分成多个页面。像这样：

PageView(
  children: [
      Page1(),  // lets say this page contains rows 1 to 7
      Page2(),  // lets say this page contains rows 8 to 13
      Page3(),  // this contains the remaining rows 14 - 30
   ]
)

现在，如果所有行都具有相同的高度，这将很容易解决。 但就我而言，行的高度可能会有所不同。

问题是我不知道每个页面可以容纳多少行，因为颤振没有提供任何计算小部件高度的好方法。

任何有关如何解决此问题的建议将不胜感激。

Answer 1

如果我正确理解了您的问题，也许您不需要单独的页面。 我想这样的事情会有所帮助：

var rowSet1 = [Row(), Row(), Row()]; 
var rowSet2 = [Row(), Row(), Row()];
var rowSet3 = [Row(), Row(), Row()];

var pageView = PageView(children: [
  ...rowSet1,
  ...rowSet2,
  ...rowSet3
]);

您甚至可以将其拆分为单独的文件，但只需引用/导入它并在您需要的文件中使用。

您可以制作一个RowWrapper 小部件，该小部件将接收Row 作为一个孩子，但它会用固定高度的Container 或IntrinsicHeight 包装（如果您想让框架决定高度） .