flutter - 如何使 Sliver 标题在其他 Sliver 中具有粘性

Question

我正在尝试使嵌套的 Sliver header 具有粘性。
我无法在“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

列表中的列表不是您想要的。
我创建了一个包 sliver_tools介绍了 MultiSliver小部件应该可以让你实现你想要的。
带有粘性标题的每个部分都应该是带有 SliverPinnedHeader 和 SliverList 的多条。然后将 pushPinnedChildren 设置为 true 应该会提供您正在寻找的粘性标题效果。