Kuunda na Kuonyesha Data ndani ListView na Flutter

Katika Flutter, unaweza kuunda na kuonyesha data kwa kutumia ListView. ListView ni Wijeti inayokuruhusu kuunda orodha inayoweza kusongeshwa iliyo na vipengele kama vile ListTile Wijeti maalum.

Hapa kuna mwongozo wa jinsi ya kuunda na kuonyesha data katika ListView:

Unda Orodha ya Data

Kwanza, unahitaji kuunda orodha ya data ambayo ungependa kuonyesha kwenye ListView. Orodha hii inaweza kuwa orodha ya mifuatano, vipengee, au aina yoyote ya data unayotaka kuonyesha.

Mfano:

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

Unda ListView na Uonyeshe Data

Ifuatayo, unaweza kuunda ListView na kuonyesha data kwa kutumia ListView kijenzi cha .builder. Hii hukuruhusu kuunda orodha kulingana na idadi ya vitu kwenye orodha ya data.

Mfano:

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

Katika mfano ulio hapo juu, tunaunda ListView na itemCount kama idadi ya vipengee kwenye Orodha ya data. Kila kipengee kitaonyeshwa katika a ListTile na kichwa sambamba.

Kutumia ListView na Orodha Maalum

Kando na kutumia ListView.builder, unaweza pia kutumia ListView kuonyesha orodha maalum kwa kutoa Wijeti maalum ndani ya ListView.

Mfano:

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

Katika mfano ulio hapo juu, tunatumia mbinu ya ramani kubadilisha kila kipengee kwenye Orodha ya data kuwa yenye ListTile mada inayolingana.

 

Hitimisho:

ListView ni Wijeti yenye nguvu Flutter ambayo hukuruhusu kuunda na kuonyesha orodha za data kwa urahisi. Kwa kutumia ListView, unaweza kuonyesha orodha za vipengee unavyotaka na kutoa hali bora ya utumiaji katika programu yako.