如何防止列表在SliverPersistentHeader的Tabbar下隐藏?

时间:2020-11-05 05:09:53

标签: flutter tabbar customscrollview

我正在制作tiktok clone flutter应用程序

现在我在个人资料屏幕上

1

我已经做到了 enter image description here

如您所见,

当我向上滚动时,gif列表隐藏在SliverPersistentHeader下 所以图片不是全尺寸的

这是我想要修复的问题 我想避免像tiktok个人资料屏幕一样隐藏在SliverPersistentHeader的选项卡下

这是我的代码


SliverPersistentHeader(
  floating: false,
  pinned: true,
  delegate: _SliverAppBarDelegate(
    TabBar(
      indicatorColor: Constants.kPrimaryOrange,
      labelColor: Colors.black87,
      unselectedLabelColor: Colors.grey,
      tabs: [
        Tab(text: "비디오"),
        Tab(text: "이미지"),
      ],
    ),
  ),
),


body: TabBarView(
  children: [
    /// gif Loading 
    Container( 
    ),
    /// image Loading 
    Container(
    ),
  ],
),


class _SliverAppBarDelegate extends SliverPersistentHeaderDelegate {
  _SliverAppBarDelegate(this._tabBar);

  final TabBar _tabBar;

  @override
  double get minExtent => _tabBar.preferredSize.height;
  @override
  double get maxExtent => _tabBar.preferredSize.height;

  @override
  Widget build(
      BuildContext context, double shrinkOffset, bool overlapsContent) {
    return new Container(
      color: Colors.white,
      child: _tabBar,
    );
  }

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

0 个答案:

没有答案