Copyright 2024 - Custom text here

จากโจทย์ ต้องการทำให้การการใช้งาน Drawer Menu แบบนี่

 Screen Shot 2562 04 23 at 161446

ต้องเริ่มต้นจาก อะไร? 

Screen Shot 2562 04 23 at 141856

 มาสเตอร์ สร้าง Method ที่ Return ค่ากลับไปเป็น Widget

 Screen Shot 2562 04 23 at 141914

ไปกำหนด drawer: ที่หลัง body: ใน Scallfold แบบนี่ครับ

Screen Shot 2562 04 23 at 142111

เปิด แอพมาละทดสอบ

Screen Shot 2562 04 23 at 142118

จะได้แบบนี่ครับ

Screen Shot 2562 04 23 at 161531

กำหนดค่าใน DrawerHeader

Screen Shot 2562 04 23 at 161446

ลองทดสอบโค้ด จะได้ผลลัพธ์แบบนี้ครับ

Screen Shot 2562 04 23 at 161541

แล้วถ้าเราต้องการ คลิกที่ Drawer และให้ Active ได้ จะใช้ onTap ครับ

Screen Shot 2562 04 24 at 140007

ลองคลิกที่ Drawer Menu

Screen Shot 2562 04 24 at 140018

จะ Router ไปที่ Page ใหม่แบบนี่ครับ สำหรับใครที่ไม่ทัน ลองเข้ามาเรียนโค้ด Flutter ที่ https://www.androidthai.in.th/private-project-android-flutter-course.html ครับ 

 

 

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

privateProject2019v1

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

privateAndroid2019v1

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

privateIos2019V1

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

privateFlutter2019v1

f t g