Flutter ListView แบ่งเส้น เส้นคั่น ListView.separated

Flutter ListView แบ่งเส้น เส้นคั่น ListView.separated บทความนี้สอนวิธีการใส่เส้นเพื่อคั่นข้อมูลแต่ละแถวที่แสดงด้วย ListView โดยใช้ ListView ร่วมกับคำสั่ง separatorBuilder และ Divider สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง Flutter ListView แบ่งเส้น เส้นคั่น ListView.separated

ListView.separated(
    itemCount: 10,
    itemBuilder: (context, index) {
      return Text(index.toString());
    },
    separatorBuilder: (context, index) {
      return const Divider();
    },
)

จากตัวอย่างใช้ ListView.separated กำหนดจำนวนข้อมูลด้วย itemCount: 10 แสดงข้อมูลภายในคำสั่ง itemBuilder และแสดงเส้นคั่นใน separatorBuilder ร่วมกับ Divider ด้วย Flutter