Copyright 2018 - Custom text here

มาถึงตอนที่ 12 จดได้ ต่อยอดจาก โค้ดครั้งที่แล้วนะครับ http://androidthai.in.th/android-flutter/115-android-flutter-add-icon-on-appbar ใครไม่ทันไปโหลด Source Code จาก https://github.com/masterUNG/listview_flutter ครับ

จาก ครั้งที่แล้ว

มาดูเมธอด  build ในคลาส MyState ในส่วนของ Object Scaffold ตรง addBar ที่มาสเตอร์ใส่ Object IconButton ไว้ ครั้งที่แล้วเรากำหนดแค่ รูปภาพที่จะไปแสดง แต่ onPressed ยังเป็น null อยู่

มาสเตอร์ ออกมาจากเมธอด build มาสร้างเมธอด clickOnIcon() 

เมธอด clickOnIcon() จะทำหน้าที่ แสดงข้อความ You Click Icon บน Console 

กลับมาที่ เมธอด build() ที่ Object IconButton ตรง onPressed มาสเตอร์ กำหนดให้ไปทำงานที่ clickOnIcon

ลองทดสอบโค้ด (สังเกตุ สี่ของ Icon จะเป็นสีขาวละ)

นี่คื่อ Console ก่อน คลิก Icon

ลองคลิกที่ Icon ครั้งเดียว

 

หรือ ลองหลายๆ ครั้ง ครับ

 

 

 

 

 

 

 

 

 

 

 

 

 

คอร์ส สอนโปรเจ็คแอนดรอยด์ ตัวต่อตัว

คอร์ส เบสิกแอนดรอยด์ สอน ตัวต่อตัว

f t g