Opprette og vise data i ListView med Flutter

I Flutter kan du opprette og vise data ved å bruke ListView. ListView er en widget som lar deg lage en rullbar liste som inneholder komponenter som ListTile eller egendefinerte widgets.

Her er en veiledning for hvordan du oppretter og viser data i ListView:

Opprett datalisten

Først må du opprette datalisten du vil vise i ListView. Denne listen kan være en liste over strenger, objekter eller en hvilken som helst type data du vil vise.

Eksempel:

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

Opprett ListView og vis data

Deretter kan du opprette en ListView og vise dataene ved å bruke ListView.builder-konstruktøren. Dette lar deg bygge listen basert på antall elementer i datalisten.

Eksempel:

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

I eksemplet ovenfor oppretter vi en ListView med itemCount som antall elementer i datalisten. Hvert element vil vises i en ListTile med tilhørende tittel.

Bruker ListView med egendefinert liste

I tillegg til å bruke ListView.builder, kan du også bruke ListView til å vise en egendefinert liste ved å tilby tilpassede widgeter i ListView.

Eksempel:

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

I eksemplet ovenfor bruker vi kartmetoden for å transformere hvert element i datalisten til en ListTile som inneholder den tilsvarende tittelen.

 

Konklusjon:

ListView er en kraftig widget Flutter som lar deg lage og vise lister over data enkelt. Ved å bruke ListView kan du vise lister over varer etter ønske og gi en bedre brukeropplevelse i appen din.