Mencipta dan Memaparkan Data ListView dengan Flutter

Dalam Flutter, anda boleh membuat dan memaparkan data menggunakan ListView. ListView ialah Widget yang membolehkan anda membuat senarai boleh tatal yang mengandungi komponen seperti ListTile atau Widget tersuai.

Berikut ialah panduan tentang cara membuat dan memaparkan data dalam ListView:

Buat Senarai Data

Mula-mula, anda perlu membuat senarai data yang ingin anda paparkan dalam ListView. Senarai ini boleh menjadi senarai rentetan, objek atau sebarang jenis data yang anda mahu paparkan.

Contoh:

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

Cipta ListView dan Paparkan Data

Seterusnya, anda boleh mencipta ListView dan memaparkan data menggunakan ListView pembina .builder. Ini membolehkan anda membina senarai berdasarkan bilangan item dalam senarai data.

Contoh:

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

Dalam contoh di atas, kami mencipta ListView dengan itemCount sebagai bilangan item dalam dataList. Setiap item akan dipaparkan dalam a ListTile dengan tajuk yang sepadan.

Menggunakan ListView dengan Senarai Tersuai

Selain menggunakan ListView.builder, anda juga boleh menggunakan ListView untuk memaparkan senarai tersuai dengan menyediakan Widget tersuai di dalam ListView.

Contoh:

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

Dalam contoh di atas, kami menggunakan kaedah peta untuk mengubah setiap item dalam DataList kepada yang ListTile mengandungi tajuk yang sepadan.

 

Kesimpulan:

ListView ialah Widget berkuasa Flutter yang membolehkan anda membuat dan memaparkan senarai data dengan mudah. Dengan menggunakan ListView, anda boleh memaparkan senarai item seperti yang dikehendaki dan memberikan pengalaman pengguna yang lebih baik dalam apl anda.