Flutter ListView或GridView添加头部或者尾部

@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,),),

      ],
    ),
  );
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容