Home
Create Drawer Menu on Flutter Platform
การสร้าง Drawer Menu บน Flutter ในบนความนี่มี 2 ตอนนะครับ (พอดียาวมากเลยทำเป็น 2 ตอนครับ) เราต้องการสร้าง Drawer Menu แบบด้านบนครับ เรามาเริ่มต้นกัน
เริ่มจากการสร้างโปรเจ็คเปล่าๆ บน Flutter Platform ครับ (ใครจำไม่ได้ไปดูที่ http://androidthai.in.th/android-flutter/120-standart-structure-coding-flutter-app)
Create File mainPage.dart ขึ้นมาครับ
flutter doctor repair flutter on Mac
จากบทความเรื่องการติดต้่ง Flutter บนเครื่องแมค http://androidthai.in.th/android-flutter/92-install-flutter-on-mac-os มาครั้งนี้จะขยายความการใช้ Terminal ในการซ้อม Flutter ที่เสียหายจากการใช้ มาสเอตร์ ขอเริ่มจากติดตั่งเลยนะ แต่ถ้าใครติดตั่งแล้ว ไปตอนท้ายๆ ได้เลยครับ
มาสเตอร์ อยู่ใน โฟวเตอร์ WorkshopFlutter คือ โฟวเตอร์ เปล่าๆ ที่เราจะทำไว้เป็น โปรเจ็ค Flutter ต่างๆ บนเคริ่องแมค
clone SDK ของ Flutter มากเก็บไว้ก่อน (เอาเก็บไว้ที่ Workshop นี่แหละ ง่ายดี)
โครนเสร็จน่าจะได้แบบนี้
มาสเตอร์ ลอง ls -la ดู ก็จะเห็น โฟวเตอร์ fludder อยู่ที่นี่
Add Source Code Flutter to GitHub
สำหรับใคร ? ที่ ตามเรื่อง GitHub ไม่ทันไปดูบทความที่เกียวกับ GitHub ของ มาสเตอร์ ที่ http://androidthai.in.th/git-and-github-article ครับ
เริ่มจากมาที่ โปรเจ็ค Flutter ของเราที่ต้องการ Upload ไปเก็บไว้ใน GitHub ไปที่ vcs > Import into Version Control > Share Project on GitHub
รอ รอ และ รอ ครับ ต่อ Internet ด้วยละ
Add Fonts to Text Flutter
การใช้ Fonts ของเราเอง บน Flutter
เอาแบบนี่เลยนะครับ เริ่มต้นจาก สร้างโปรเจ็คเปล่าๆ ของ Flutter ก่อน ใครไม่ทันไปดูได้ที่นี่นะครับ http://androidthai.in.th/android-flutter/120-standart-structure-coding-flutter-app
ได้มาละ โปรเจ็ค Flutter ของเรา
Workshop Flutter Platform with Multiple Tabs
การสร้าง Multiple Tabs บน Flutter
แบบนี่เลยครับ จำ Tab Host ได้นะ
เหมือนเดิม เริ่มจากการ สร้างโปรเจีคเปล่า ? ก่อน http://androidthai.in.th/android-flutter/120-standart-structure-coding-flutter-app ใครไม่ทันไปดูที่นี่ครับ
How to User Snackbar in Flutter Platform
การสร้าง Snackbar บน Flutter ครับ พี่ๆน้องๆ สามารถไปโหลด โค้ดตัวอย่างที่ https://github.com/masterUNG/snackbar
โจทย์เป็นอย่างนี่นะครับ เดี๋ยวเราจะลองทำ Workshop บน Flutter Platform ง่ายๆ โดยการ คลิก Icon Info ที่อยู่บน appBar และเปิด SnackBar ออกมา สามารถคลิก Action ที่ SnackBar ได้ ครับ เรามาเริ่มกันเลยครับ
เตรียมสร้างโปรเจ็คเปล่าๆ ของ Flutter Platform แบบนี่ (http://androidthai.in.th/android-flutter/120-standart-structure-coding-flutter-app)