close

Stvaranje i prikaz podataka u ListView sa Flutter

U Flutter, možete stvoriti i prikazati podatke pomoću ListView. ListView je widget koji vam omogućuje stvaranje popisa koji se može pomicati koji sadrži komponente kao što su ListTile prilagođeni widgeti.

Evo vodiča za stvaranje i prikaz podataka u ListView:

Napravite popis podataka

Prvo morate stvoriti popis podataka koji želite prikazati u ListView. Ovaj popis može biti popis nizova, objekata ili bilo koje vrste podataka koje želite prikazati.

Primjer:

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

Stvaranje ListView i prikaz podataka

Zatim možete izraditi ListView i prikazati podatke pomoću ListView konstruktora .builder. To vam omogućuje da napravite popis na temelju broja stavki na popisu podataka.

Primjer:

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

U gornjem primjeru stvaramo ListView s itemCount kao brojem stavki u dataList. Svaka će stavka biti prikazana s ListTile odgovarajućim naslovom.

Korištenje ListView s prilagođenim popisom

Osim korištenja ListView.buildera, također možete koristiti ListView za prikaz prilagođenog popisa pružanjem prilagođenih Widgeta unutar ListView.

Primjer:

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

U gornjem primjeru koristimo metodu karte za transformaciju svake stavke u dataList-u u koji ListTile sadrži odgovarajući naslov.

 

Zaključak:

ListView je moćan widget Flutter koji vam omogućuje jednostavno stvaranje i prikaz popisa podataka. Korištenjem ListView možete prikazati popise stavki po želji i pružiti bolje korisničko iskustvo u svojoj aplikaciji.