如何在颤振中创建自定义条子？

【问题标题】：How to create custom slivers in flutter?如何在颤振中创建自定义条子？
【发布时间】：2020-02-18 22:41:54
【问题描述】：

我想在 sliver appbar 下创建一个自定义容器，就像图片中的右侧屏幕一样

https://cdn.dribbble.com/users/1720296/screenshots/6918712/dribbble_blog_2x.jpg

【问题讨论】：

标签： user-interface flutter dart responsive-design

【解决方案1】：

您可以使用带有SliverPersistentHeaderDelegate 的自定义标头，

这是您的自定义SliverPersistentHeaderDelegate

class _SliverAppBarDelegate extends SliverPersistentHeaderDelegate {

  @override
  double get minExtent => 100;
  @override
  double get maxExtent => 300;

  @override
  Widget build(
      BuildContext context, double shrinkOffset, bool overlapsContent) {
    return Container(
      ...
    );
  }

  @override
  bool shouldRebuild(_SliverAppBarDelegate oldDelegate) {
    return false;
  }
}

并像这样使用它

SliverPersistentHeader(
  delegate: _SliverAppBarDelegate(
    ...
  ),
  pinned: true,
),

【讨论】：