Skapa och visa data i ListView med Flutter

I Flutter kan du skapa och visa data med hjälp av ListView. ListView är en widget som låter dig skapa en rullningsbar lista som innehåller komponenter som ListTile eller anpassade widgetar.

Här är en guide om hur du skapar och visar data i ListView:

Skapa datalistan

Först måste du skapa datalistan som du vill visa i ListView. Den här listan kan vara en lista med strängar, objekt eller vilken typ av data du vill visa.

Exempel:

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

Skapa ListView och visa data

Därefter kan du skapa en ListView och visa data med hjälp av ListView.builder-konstruktorn. Detta gör att du kan bygga listan baserat på antalet objekt i datalistan.

Exempel:

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

I exemplet ovan skapar vi en ListView med itemCount som antalet objekt i datalistan. Varje objekt kommer att visas i en ListTile med motsvarande titel.

Använder ListView med anpassad lista

Förutom att använda ListView.builder kan du också använda ListView för att visa en anpassad lista genom att tillhandahålla anpassade widgetar i ListView.

Exempel:

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

I exemplet ovan använder vi kartmetoden för att omvandla varje objekt i datalistan till en ListTile som innehåller motsvarande titel.

 

Slutsats:

ListView är en kraftfull widget Flutter som låter dig skapa och visa listor med data enkelt. Genom att använda ListView kan du visa listor med objekt efter önskemål och ge en bättre användarupplevelse i din app.