如何为 flutter 中的 sliverList 提供固定高度？

Question

我正在尝试制作一个在滚动页面时会缩小的可折叠工具栏。

为此，我正在使用 Slivers。 通过使用SliverList ，当数据滚动时，它会在手机屏幕顶部电池和时间透明条中上升。 因此，我想给列表固定高度，以便它在有限的区域内滚动。

我尝试将SliverList放入SingleChildScrollView 、 SizedBox或Container中。 但没有一个奏效。

SliverList(
  delegate: SliverChildBuilderDelegate((context, index) {
    return Container(
      color: Colors.white,
      child: Text("Text"),
    );
  },
  chikdCount:100,
),

Answer 1

您可以使用itemExtend SliverFixedExtentList来更改条子的高度。 从今以后，所有孩子的身高都将与 150.0 相同。 你能检查下面的代码吗？

SafeArea(
   child: CustomScrollView(
    slivers: <Widget>[
      SliverAppBar(
        title: Text('SliverAppBar'),
        backgroundColor: Colors.green,
        expandedHeight: 200.0,
        flexibleSpace: FlexibleSpaceBar(
          background: Image.asset('assets/forest.jpg', fit: BoxFit.cover),
        ),
      ),
      SliverFixedExtentList(
        itemExtent: 150.0,
        delegate: SliverChildListDelegate(
          [
            Container(color: Colors.red),
            Container(color: Colors.purple),
            Container(color: Colors.green),
            Container(color: Colors.orange),
            Container(color: Colors.yellow),
            Container(color: Colors.pink),
          ],
        ),
      ),
    ],
));