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

【问题标题】：Custom Flutter widget to return two widgets for use with CustomScrollView / slivers自定义 Flutter 小部件以返回两个小部件以与 CustomScrollView / slivers 一起使用
【发布时间】：2021-03-08 10:00:14
【问题描述】：

我有一个 Flutter CustomScrollView，其结构如下：

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

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

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

【问题讨论】：

我也遇到了同样的问题，无法解决，所以我创建了an issue。

标签： flutter dart flutter-sliver statelesswidget customscrollview

【解决方案1】：

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

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

【讨论】：