2

我正在制作 tiktok 克隆颤振应用程序

现在我在个人资料屏幕上

1

我是这样弄的 在此处输入图像描述

如你看到的 ,

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

这是我想修复它我想防止隐藏在 SliverPersistentHeader 的标签栏下,如 tiktok 个人资料屏幕

这是我的代码


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;
  }
}

4

0 回答 0