Platforms

Android, iOS

Description

我想实现如下图圆角除的效果，发现headerSliverBuilder里的内容会遮挡body里面的内容，如视频

My code

DefaultTabController( length: 2, child: Column( children: [ Expanded( child: ExtendedNestedScrollView( headerSliverBuilder: (context, _) { return [ SliverToBoxAdapter( child: SizedBox( width: double.infinity, height: 200, child: OverflowBox( maxHeight: 220, minHeight: 200, child: Container( height: 220, color: Colors.blue, ), ), ), ) ]; }, body: Column( children: [ Container( decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(20)), child: const TabBar(tabs: [Text("data"),Text("data2")]), ), Expanded( child:TabBarView(children: [ Container( color: Colors.amberAccent, width: 300, ), Container( color: Colors.red, width: 300, )],)) ], ), )) ]), )

Try do it

No response