การสร้างและการแสดงข้อมูล ListView ด้วย Flutter

ใน Flutter คุณสามารถสร้างและแสดงข้อมูลโดย ListView ใช้ ListView เป็นวิดเจ็ตที่ให้คุณสร้างรายการแบบเลื่อนได้ที่มีส่วนประกอบต่างๆ เช่น ListTile หรือวิดเจ็ตแบบกำหนดเอง

นี่คือคำแนะนำเกี่ยวกับวิธีสร้างและแสดงข้อมูลใน ListView:

สร้างรายการข้อมูล

ขั้นแรก คุณต้องสร้างรายการข้อมูลที่คุณต้องการแสดงในไฟล์ ListView. รายการนี้อาจเป็นรายการสตริง อ็อบเจ็กต์ หรือข้อมูลประเภทใดก็ได้ที่คุณต้องการแสดง

ตัวอย่าง:

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

สร้าง ListView และแสดงข้อมูล

ถัดไป คุณสามารถสร้าง ListView และแสดงข้อมูลโดยใช้ ListView ตัวสร้าง .builder สิ่งนี้ช่วยให้คุณสร้างรายการตามจำนวนรายการในรายการข้อมูล

ตัวอย่าง:

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

ในตัวอย่างด้านบน เราสร้าง a ListView ด้วย itemCount เป็นจำนวนของรายการใน dataList แต่ละรายการจะแสดงใน a ListTile พร้อมชื่อที่เกี่ยวข้อง

ใช้ ListView กับรายการที่กำหนดเอง

นอกจากการใช้ ListView.builder แล้ว คุณยังสามารถใช้ ListView เพื่อแสดงรายการแบบกำหนดเองโดยจัดเตรียมวิดเจ็ตแบบกำหนดเองภายในไฟล์ ListView.

ตัวอย่าง:

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

ในตัวอย่างด้านบน เราใช้วิธีการแมปเพื่อแปลงแต่ละรายการในรายการข้อมูลให้เป็นชื่อ ListTile ที่มีชื่อตรงกัน

 

บทสรุป:

ListView เป็น Widget ที่ทรงพลัง Flutter ที่ช่วยให้คุณสามารถสร้างและแสดงรายการข้อมูลได้อย่างง่ายดาย เมื่อใช้ ListView คุณสามารถแสดงรายการต่างๆ ตามต้องการและมอบประสบการณ์การใช้งานที่ดีขึ้นในแอปของคุณ