🙂 İNSANLARIN EN HAYIRLISI INSANLARA FAYDALI OLANDIR 🙂

Ramazan HABER / FLUTTER / StickyHeader ile Gridview.builder kullanımı Gridviewe Header Bilgisi Ekler ve Performans kaybolmaz

1-) FLUTTER - StickyHeader ile Gridview.builder kullanımı Gridviewe Header Bilgisi Ekler ve Performans kaybolmaz

 

 

flutter pub add sticky_headers

 

 

@override
Widget build(BuildContext context) {
  
return SafeArea(
    child:
WillPopScope(
      onWillPop:
_onBack,
      child:
Scaffold(
          body:
yuklendimi == false ? loadingContent() : kriptoBodyContent()),
    ),
  );
}

Center loadingContent() => Center(child: CircularProgressIndicator());

Widget kriptoBodyContent() {
  
return StickyHeader(
    header:
Text("BAŞLIK"),

   content: GridContent(),);
}

Widget GridContent() {
  
return Padding(
    padding:
    
EdgeInsets.only(top: 0, bottom: 30, left: 10, right: 10),
    child:
Container(
        child:
GridView.builder(
          itemCount:
kriptoModel.length,
          gridDelegate:
SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount:
1,
            mainAxisExtent:
65,
          ),
          itemBuilder: (
BuildContext contex, int index) {
            
KriptoResModel model = kriptoModel[index];
            print(
model.id);
            
return Padding(
              padding:
EdgeInsets.only(top: 5),
              child:
Material(
                
//elevation: 10,
                
elevation: 3,
                shape:
RoundedRectangleBorder(
                    borderRadius:
BorderRadius.all(
                      
Radius.circular(10.0),
                    )),
                child:
InkWell(
                  onTap: () {},
                  child:
Padding(
                    padding:
EdgeInsets.all(2),
                    child:
Container(
                      child: getColumnItem(
model),
                    ),
                  ),
                ),
              ),
            );
          },
        )));
}

 

 

 2023 Nisan 02 Pazar
 266