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

      ],
    ),
  );
}
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容