Copyright 2024 - Custom text here

มาดูตัวอย่าง การสร้าง GridView กันครับ

Screen Shot 2563 03 06 at 150336

 แบบนี่ครับ เรามาเริ่มกันเลย

Screen Shot 2563 03 07 at 030945

ประกาศตัวแปร ระดับ Array ก่อน

Screen Shot 2563 03 07 at 030952

ที่เมธอด initState กำหนดให้ ไปทำงานที่ readData ก่อน

Screen Shot 2563 03 07 at 030923

 

เมธอด readData จะอ่านข้อมูลจาก API และ Build ไปเป็น array

Screen Shot 2563 03 06 at 154303

เมธอด createCard จะสร้าง Card จาก Model ผ่าน index

Screen Shot 2563 03 06 at 154256

ส่วนของ showTextGridView

Screen Shot 2563 03 06 at 154247

ส่วนของการแสดง Image

Screen Shot 2563 03 06 at 154235

Widget ที่แสดง Grid

Screen Shot 2563 03 06 at 150333

 

ลองทดสอบโค้ดได้มาละ ไม่ยากนะครับ ลองทำดู แต่ถ้าไม่ได้อย่างไร์ ถามมาสเตอร์ ได้ทุกเวลาครับ

 

 

 

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

privateProject2019v1

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

privateAndroid2019v1

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

privateIos2019V1

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

privateFlutter2019v1

f t g