如何使 Sliver 标头粘在其他 Sliver 内

Question

我正在尝试使嵌套的 Sliver 标题具有粘性。

我无法将“today”标题粘在“bruh”标题（粘性的）下方。让它感觉像一些折叠的标题。

有人可以帮忙吗

class ListExample extends StatelessWidget {
  const ListExample({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return AppScaffold(
      title: 'List Example',
      slivers: [
        SliverToBoxAdapter(child: SoldEntryPage(),),
        _StickyHeaderDateSort(index: 34),
      ],
    );
  }
}

class _StickyHeaderDateSort extends StatelessWidget {
  const _StickyHeaderDateSort({
    Key key,
    this.index,
  }) : super(key: key);

  final int index;

  @override
  Widget build(BuildContext context) {
    return SliverStickyHeader(
      header: HeaderDatePicker(),  // this the 'bruh' sticky header
      sliver: SliverToBoxAdapter(
          child: ShrinkWrappingViewport(   // THis me trying to nest silvers
            offset: ViewportOffset.zero(),
            slivers: [
              _StickyHeaderList(index: 10),
              _StickyHeaderList(index: 11),],
          ),
        ),
    );
  }
}

这就是大部分代码正在做的事情

Answer 1

列表中的列表不是您想要的\xe2\x80\x99。\n我创建了一个包sliver_tools，它引入了一个MultiSliver小部件，应该可以让您实现您想要的效果。

\n

每个具有粘性标题的部分都应该是具有 SliverPinnedHeader 和 SliverList 的多条。然后将pushPinnedChildren设置为true应该会给出您\xe2\x80\x99正在寻找的粘性标题效果。

\n