flutter - 自定义 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(...),
      ],
    );
  }
}