Ħolqien u Wiri tad-Data fi ListView ma Flutter

Fi Flutter, tista 'toħloq u turi data billi tuża ListView. ListView huwa Widget li jippermettilek toħloq lista li tiskrollja li fiha komponenti bħal ListTile jew Widgets tad-dwana.

Hawnhekk hawn gwida dwar kif toħloq u turi data fi ListView:

Oħloq il-Lista tad-Data

L-ewwel, għandek bżonn toħloq il-lista tad-dejta li trid turi fil- ListView. Din il-lista tista 'tkun lista ta' kordi, oġġetti, jew kwalunkwe tip ta 'dejta li trid turi.

Eżempju:

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

Oħloq ListView u Uri Dejta

Sussegwentement, tista 'toħloq ListView u turi d-dejta billi tuża l- ListView kostruttur .builder. Dan jippermettilek tibni l-lista bbażata fuq in-numru ta 'oġġetti fil-lista tad-dejta.

Eżempju:

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

Fl-eżempju ta 'hawn fuq, noħolqu ListView b'itemCount bħala n-numru ta' oġġetti fid-dataList. Kull oġġett se jintwera f'a bit- ListTile titlu korrispondenti.

L-użu ListView mal-Lista tad-Dwana

Minbarra li tuża ListView.builder, tista' wkoll tuża ListView biex turi lista tad-dwana billi tipprovdi Widgets tad-dwana ġewwa l- ListView.

Eżempju:

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

Fl-eżempju ta 'hawn fuq, nużaw il-metodu tal-mappa biex nittrasformaw kull oġġett fid-dataList f'oġġett ListTile li fih it-titlu korrispondenti.

 

Konklużjoni:

ListView huwa Widget b'saħħtu Flutter li jippermettilek li toħloq u turi listi ta 'dejta faċilment. Billi tuża ListView, tista' turi listi ta' oġġetti kif mixtieq u tipprovdi esperjenza aħjar għall-utent fl-app tiegħek.