Duomenų kūrimas ir rodymas ListView naudojant Flutter

Flutter Galite kurti ir rodyti duomenis naudodami ListView. ListView yra valdiklis, leidžiantis sukurti slenkamą sąrašą su komponentais, pvz., ListTile arba pasirinktiniais valdikliais.

Štai vadovas, kaip kurti ir rodyti duomenis ListView:

Sukurkite duomenų sąrašą

Pirmiausia turite sukurti duomenų sąrašą, kurį norite rodyti ListView. Šis sąrašas gali būti eilučių, objektų arba bet kokio tipo duomenų, kuriuos norite rodyti, sąrašas.

Pavyzdys:

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

Kurti ListView ir rodyti duomenis

Tada galite sukurti ListView ir rodyti duomenis naudodami ListView.builder konstruktorių. Tai leidžia sudaryti sąrašą pagal elementų skaičių duomenų sąraše.

Pavyzdys:

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

Anksčiau pateiktame pavyzdyje sukuriame elementą ListView su itemCount kaip elementų skaičių duomenų sąraše. Kiekvienas elementas bus rodomas a ListTile su atitinkamu pavadinimu.

Naudojimas ListView su pasirinktiniu sąrašu

Be ListView.builder naudojimo, taip pat galite naudoti ListView norėdami rodyti pasirinktinį sąrašą, pateikdami tinkintus valdiklius ListView.

Pavyzdys:

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

Aukščiau pateiktame pavyzdyje mes naudojame žemėlapio metodą, kad paverstume kiekvieną elementą duomenų sąraše į elementą ListTile su atitinkamu pavadinimu.

 

Išvada:

ListView yra galingas valdiklis, Flutter leidžiantis lengvai kurti ir rodyti duomenų sąrašus. Naudodami ListView, galite rodyti norimų elementų sąrašus ir teikti geresnę naudotojo patirtį programoje.