บทความ Flutter

 จากบทความที่แล้ว Step 6 เรืองการสร้าง ListView โดยการ Random Word จาก Package English Word ใครจำไม่ได้ ไปดูที่ http://androidthai.in.th/android-flutter/110-android-flutter-create-listview-by-random-words หรือ จะโหลด Source Code จาก GitHub ของ มาสเตอร์ ที่ https://github.com/masterUNG/listview_flutter

จากตอนที่แล้ว

ตรง if Statement ตรงนี่ ค่า index ของมาสเตอร์ มีค่า เท่าไร ? 

เอา Cursor ไปคลิก ที่หน้าหมายเลขบรรทัด (จากตัวอย่างคื่อ 42) ถ้าจะเอาออก ก็คลิกที่ วงกลมชมพู เขาเรียนกว่า การทำ Break Point คือ เมื่อ โค้ดทำงานมาถึงตรงนี่จะหยุด เราต้อง Play ถึงจะวิ่งต่อ

การรัน จะใช้ Run > Debug 'main.dart' 

Console ต้านล่างจะเป็น แบบนี่ จะสังเหตุ ค่า index=0 และ ที่ Simulator จะแสดงแบบนี่

ต่อไปให้ คลิกที่ ปุ่ม สามเหลี่ยมสีเขียวเพื่อ Play

ค่า index = 10 จำโค้ดตรงนี่ได้ไหม ?

บรรทัดที่ 42 เราให้ take 10 จะมีการนำคำที่ Random มาประมวลทีละ 10 คำครับ

การแสดงผลบน Simulator ยังเหมือนเดิมคร้บ ต่อไป คลิก Play ต่อ

ที่นี่เป็น Connected และ ที่ Simulator

ต่อไป มาสเตอร์ เลือน Listview รูดขึ้น 

ค่าของ index จะเปลี่ยนไปเป็น 30 ที่นี่ลองรูดขึ้นอีก

 สรุปได้ว่า เมื่อเรารูด ListView จะมีผลทำให้เกิดการ Random ค่าที่จะ 10 ค่า มาแสดงใน ListView ครับ ถ้าใครทำได้แล้ว ไปดู ตอนหน้าเลยครับ http://androidthai.in.th/android-flutter/112-android-flutter-config-color-listview-title