Crearea și afișarea datelor în ListView cu Flutter

În Flutter, puteți crea și afișa date folosind ListView. ListView este un Widget care vă permite să creați o listă derulabilă care să conțină componente precum ListTile Widgeturi personalizate.

Iată un ghid despre cum să creați și să afișați date în ListView:

Creați lista de date

Mai întâi, trebuie să creați lista de date pe care doriți să o afișați în fișierul ListView. Această listă poate fi o listă de șiruri de caractere, obiecte sau orice tip de date pe care doriți să le afișați.

Exemplu:

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

Creați ListView și afișați date

Apoi, puteți crea ListView și afișa datele folosind ListView constructorul .builder. Acest lucru vă permite să construiți lista pe baza numărului de articole din lista de date.

Exemplu:

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

În exemplul de mai sus, creăm un ListView cu itemCount ca număr de articole din DataList. Fiecare articol va fi afișat într-un format ListTile cu titlul corespunzător.

Utilizarea ListView cu Custom List

Pe lângă utilizarea ListView.builder, puteți utiliza și ListView pentru a afișa o listă personalizată furnizând widget-uri personalizate în interiorul ListView.

Exemplu:

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

În exemplul de mai sus, folosim metoda map pentru a transforma fiecare element din DataList într-unul care ListTile conține titlul corespunzător.

 

Concluzie:

ListView este un widget puternic Flutter care vă permite să creați și să afișați cu ușurință liste de date. Folosind ListView, puteți afișa liste de articole după cum doriți și puteți oferi o experiență mai bună pentru utilizator în aplicația dvs.