Krijimi dhe shfaqja e të dhënave në ListView me Flutter

Në Flutter, mund të krijoni dhe shfaqni të dhëna duke përdorur ListView. ListView është një miniaplikacion që ju lejon të krijoni një listë të lëvizshme që përmban komponentë të tillë si ListTile miniaplikacionet e personalizuara.

Këtu është një udhëzues se si të krijoni dhe shfaqni të dhëna në ListView:

Krijo listën e të dhënave

Së pari, duhet të krijoni listën e të dhënave që dëshironi të shfaqni në ListView. Kjo listë mund të jetë një listë vargjesh, objektesh ose çfarëdo lloji të dhënash që dëshironi të shfaqni.

Shembull:

List<String> dataList = [  
  'Item 1',  
  'Item 2',  
  'Item 3',  
  'Item 4',  
  'Item 5',  
];  

Krijoni ListView dhe shfaqni të dhëna

Më pas, mund të krijoni një ListView dhe t'i shfaqni të dhënat duke përdorur ListView konstruktorin .builder. Kjo ju lejon të ndërtoni listën bazuar në numrin e artikujve në listën e të dhënave.

Shembull:

ListView.builder(  
  itemCount: dataList.length,  
  itemBuilder:(BuildContext context, int index) {  
    return ListTile(  
      title: Text(dataList[index]),  
   );  
  },  
)  

Në shembullin e mësipërm, ne krijojmë një ListView me itemCount si numrin e artikujve në dataList. Çdo artikull do të shfaqet në një ListTile me titullin përkatës.

Përdorimi ListView me Listën e personalizuar

Përveç përdorimit të ListView.builder, mund të përdorni gjithashtu ListView për të shfaqur një listë të personalizuar duke ofruar miniaplikacione të personalizuara brenda ListView.

Shembull:

ListView(  
  children: dataList.map((item) => ListTile(title: Text(item))).toList(),  
)  

Në shembullin e mësipërm, ne përdorim metodën e hartës për të transformuar çdo artikull në dataList në një ListTile që përmban titullin përkatës.

 

konkluzioni:

ListView është një widget i fuqishëm Flutter që ju lejon të krijoni dhe shfaqni lehtësisht lista të të dhënave. Duke përdorur ListView, ju mund të shfaqni listat e artikujve sipas dëshirës dhe të ofroni një përvojë më të mirë të përdoruesit në aplikacionin tuaj.