我正在开发应用程序,现在正面临一个问题。问题在于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