Adatok létrehozása és megjelenítése a ListView segítségével Flutter

A -ban Flutter a segítségével hozhat létre és jeleníthet meg adatokat ListView. ListView egy widget, amely lehetővé teszi olyan görgethető lista létrehozását, amely olyan összetevőket tartalmaz, mint például az ListTile egyéni widgetek.

Íme egy útmutató az adatok létrehozásához és megjelenítéséhez ListView:

Hozza létre az adatlistát

Először létre kell hoznia azt az adatlistát, amelyet meg szeretne jeleníteni a ListView. Ez a lista lehet karakterláncok, objektumok vagy bármilyen típusú megjeleníteni kívánt adat listája.

Példa:

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

Adatok létrehozása ListView és megjelenítése

Ezután létrehozhat egy ListView és megjelenítheti az adatokat a ListView.builder konstruktor segítségével. Ez lehetővé teszi a lista összeállítását az adatlistában lévő elemek száma alapján.

Példa:

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

A fenti példában ListView a dataList elemszámaként egy itemCount-ot hozunk létre. ListTile Minden elem a megfelelő címmel jelenik meg .

Használat ListView egyéni listával

A .builder használata mellett egyéni listát ListView is megjeleníthet, ha egyéni widgeteket ad meg a. ListView ListView

Példa:

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

A fenti példában a leképezési módszert használjuk, hogy a dataList minden elemét ListTile a megfelelő címet tartalmazó elemmé alakítsuk át.

 

Következtetés:

ListView egy erőteljes Widget, Flutter amely lehetővé teszi az adatok egyszerű létrehozását és megjelenítését. A használatával ListView tetszés szerint megjelenítheti az elemek listáját, és jobb felhasználói élményt biztosíthat az alkalmazásban.