TabBarView内容位于固定的TabBar下-SliverPersistentHeader

我正在开发应用程序,现在正面临一个问题。问题在于TabBarView内容位于固定的TabBar(SliverPersistentHeader)和SliverAppBar下。所有图片均记录在此图片中Here is UI that I want achieve Described problem Here we can see problem clearly SliverAppBar works well

除此问题外,此UI均运行良好,我尝试将SliverPersistentHeader与SliverSafeArea和SliverOverlapAbsorber打包在一起,但它不起作用。这发生过... SliverPersistentHeader wrapped by SliverSafeArea and SliverOverlapAbsorber

SliverOverlapAbsorber(
                    handle: nestedScrollView.sliverOverlapAbsorberHandleFor(
                        context),child: SliverSafeArea(
                      bottom: false,top: false,sliver: SliverPersistentHeader(
                        delegate: _SliverAppBarDelegate(
                          _buildTabBar(),),pinned: true,class _SliverAppBarDelegate extends SliverPersistentHeaderDelegate {
  _SliverAppBarDelegate(this._tabBar);

  final PreferredSize _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;
  }
}

在这里您可以下载我整个页面的代码 https://ufile.io/xf8qfzjn

as3861701 回答:TabBarView内容位于固定的TabBar下-SliverPersistentHeader

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3143529.html

大家都在问