自定义 Flutter 小部件以返回两个小部件以与 CustomScrollView / slivers 一起使用

Question

我有一个具有以下结构的 Flutter CustomScrollView：

body: CustomScrollView(
  slivers: <Widget>[
    MyCustomTitle(...),
    MyCustomSliverGrid(...)
    MyCustomTitle(...),
    MyCustomSliverGrid(...)
    MyCustomTitle(...),
    MyCustomSliverGrid(...)
    ...
  ],
),

MyCustomTitle扩展StatelessWidget并在build方法中返回一个SliverToBoxAdapter小部件，而MyCustomSliverGrid小部件扩展StatelessWidget并在build方法中返回一个SliverGrid小部件。

如何实现返回自定义标题和自定义 SliverGrid 的单个小部件 ( MyCustomSliverGridWithTitle )？ 从StatelessWidget的build方法中，我只能返回一个 Widget，而不是两个。

Answer 1

您可以使用MultiSliver将MyCustomTitle和MyCustomSliverGrid捆绑到一个小部件中。

class MyCustomSliverGridWithTitle extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiSliver(
      children: <Widget>[
        MyCustomTitle(...),
        MyCustomSliverGrid(...),
      ],
    );
  }
}