flutter - 自定义 Flutter 小部件返回两个用于 CustomScrollView / slivers 的小部件

Question

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

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

MyCustomTitleextends StatelessWidgetand inbuild方法返回一个SliverToBoxAdapterwidget，MyCustomSliverGridwidgetextend StatelessWidgetand inbuild方法返回一个SliverGridwidget。

如何实现一个MyCustomSliverGridWithTitle同时返回自定义标题和自定义 SliverGrid 的 Widget ()？从build一个StatelessWidgetI 的方法只能返回一个 Widget，而不是两个。

Answer 1

您可以将MultiSliverMyCustomTitle捆绑到MyCustomSliverGrid一个小部件中。

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