Copyright 2024 - 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 ครั้งเดียว

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

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

privateProject2019v1

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

privateAndroid2019v1

คอร์ส iOS สอน ตัวต่อตัว

privateIos2019V1

คอร์ส Flutter สอน ตัวต่อตัว

privateFlutter2019v1

f t g