บทความ Flutter
Step 10 เขียนแอพแอนดรอยด์ บน Flutter ตอน การ Active onTap ให้กับ CheckBox
Written by มาสเตอร์ อึ่งจากบทความครั้งที่แล้ว Step 9 การทำ CheckBox บน ListView http://androidthai.in.th/android-flutter/113-android-flutter-checkbox-on-listview-title เราสามารถสร้าง CheckBox ได้ แต่คลิกที่ CheckBox เงียบ ? มาครั้งนี่เราจะทำให้ การคลิกที่ CheckBox มัน Active ครับ
เริ่มจาก ครั้งที่แล้วครับ http://androidthai.in.th/android-flutter/113-android-flutter-checkbox-on-listview-title
มาตรง style: บรรทัดที่ 54
จัดรูปแบบให้ได้แบบนี่ ครับ
มาสเตอร์เว้นบรรทัด เพื่อจะเพิ่มโค้ด
onTap ครับ คือ การคลิกบน ListView หรือ CheckBox
ส่วนปีกกาต้านหลังต้องพิมพ์เองนะครับ
จัดรูปแบบ ให้ได้แบบนี่คร้บ
ใน onTap ที่เราจะ มาสเตอร์ จะ setState แบบนี่ครับ
ได้มาละ SetState ของเรา จัดรูปแบบให้ได้แบบนี่ จะได้ไม่งง ครับ
ภายใน setState มาสเตอร์ if else Statement ครับ
โดยกำหนดเงื่อนไข แบบนี่ครับ
ลองทดสอบโค้ด
จะสามารถ onTap บน CheckBox และ มีเครื่องหมายถูกได้ละ
พอ onTap อีกที ก็สามารถเอา เครื่องหมายถูกออกไปได้ ครับ
ต่อไป มาสเตอร์ จะเปลี่ยนสีของ CheckBox
จำบรรทัดที่ 49 ได้นะ ถ้า index ที่เป็น Integer เป็นเลยคู่ ตัวแปร showColor จะมีค่าเป็นสี ฟ้า ถ้า คี่ สีแดง
นำค่าของ showColor ไปเพิ่มใน leading แบบนี่คร้บ
จัดรูป และ Final ของ เมธอด buildListTitle ครับ
ได้มาแล้วครับ การ onTap และ Active บน ChekBox ใครไม่ทัน ไป โหลดโค้ดตัวอย่าง จาก GitHub ของ มาสเตอร์ ที่ https://github.com/masterUNG/listview_flutter และไปด่อได้เลยครับ
