Devdit
 

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

687

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

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ