flutter - 为 Sliver child 设置自定义高度

Question

在下面的代码中我遇到了问题，我正在尝试为 Sliver child 的每个 child 设置自定义高度，我刚刚在 Flutter 上了解了这个小部件，我想修复它，例如:

CustomScrollView(
  slivers: <Widget>[
    SliverFixedExtentList(
      itemExtent: MediaQuery.of(context).size.height,
      delegate: SliverChildListDelegate([
        ConstrainedBox(
          constraints: BoxConstraints(
            maxHeight: 50.0,
            minHeight: 50.0
          ),
          child: Text('dddddddddd'),
        ),
        PageView(
          children: <Widget>[
            Container(color: Colors.green, child: Center(child: Text("Page 1"))),
            Container(color: Colors.red, child: Center(child: Text("Page 2"))),
            Container(color: Colors.indigo, child: Center(child: Text("Page 3"))),
          ],
        ),
      ]),
    ),
  ],
),

Text 小部件应该有 50.0 大小，但 itemExtent 避免这样，当我为 itemExtent 设置一些高度时所有 child 的高度继承自那个

Answer 1

顾名思义 - itemExtent: 它为每个 child 提供高度。

您可以简单地使用 SliverList 并为每个 child 指定特定的高度。

CustomScrollView(
    slivers: <Widget>[
      SliverList(
        delegate: SliverChildListDelegate([
          ConstrainedBox(
            constraints: BoxConstraints(maxHeight: 50.0, minHeight: 50.0),
            child: Center(child: Text('Child 1')),
          ),
          SizedBox(
            height: 200.0,
            child: PageView(
              children: <Widget>[
                Container(
                    color: Colors.green,
                    child: Center(child: Text("Page 1"))),
                Container(
                    color: Colors.red,
                    child: Center(child: Text("Page 2"))),
                Container(
                    color: Colors.indigo,
                    child: Center(child: Text("Page 3"))),
              ],
            ),
          ),
        ]),
      ),
    ],
  ),

输出: