Print
Details: Category: บทความ Flutter | Published: 05 July 2018 | Hits: 7705

จากบทความครั้งที่แล้ว 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 และไปด่อได้เลยครับ