@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers: [
///头部
SliverToBoxAdapter(
child: Container(color: Colors.blue, width: ScreenUtils.screenWidth, height: 200,),
),
// SliverList(
// delegate: SliverChildBuilderDelegate(
// (context, index) {
// return Container(color: index % 2 == 0 ? Colors.yellow : Colors.red, height: 55,);
// },
// childCount: 20,
// ),
// ),
///列表
SliverGrid.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 1, mainAxisExtent: 55,),
itemBuilder: (BuildContext context, int index){
return Container(color: index%2 == 0 ? Colors.red: Colors.yellow,);
},
itemCount: 20,
),
///尾部
SliverToBoxAdapter(child: Container(color: Colors.blue, width: ScreenUtils.screenWidth, height: 200,),),
],
),
);
}
Flutter ListView或GridView添加头部或者尾部
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 添加: ListView 的设置中,头部 addHeader 和尾部 addFooter 要先于 setAdapt...
- 方法一: 鼠标:alt+滑鼠左鍵拖拉選取。 鍵盤:alt+shift+方向鍵。 方法二: 使用快捷键Ctrl+H打...
- 数组的length 如何快速请空数组,把长度变成0 vararr=[1,2,3]; arr.length=0; ...
- 每次回头从头学习flutter的时候,都会遇到这种问题,在Column嵌套GridView或者ListView的时...