• เตรียมเครื่องมือ
• การสร้าง Flutter Project : Train Tracker
• การปรับแต่ง Theme Color สำหรับ Application
• การสร้างหน้าหลัก Home Page
• การสร้างการเชื่อมต่อ API
• การสร้างหน้าเพื่อแสดงผลข้อมูลจาก API
• การ Signed APK
• การ Upload ขึ้น Play Store
• การ Upgrade Version Application ใน Play Store

หากมีข้อสงสัยสอบถามหรือแสดงความคิดเห็นสามารถโพสต์ได้ที่ สอบถามปัญหาหรือแนะนำจากบทเรียนรู้เรื่องการพัฒนา Application ด้วย Flutter Workshop : ระบบติดตามรถไฟไทย ครับ 

เตรียมเครื่องมือ

เครื่องมือที่ใช้ในการเขียน Application ด้วยภาษา Dart นั้นเราจะใช้ Visual Studio Code และ Android SDK / Android AVD หรือ iPhone Simulator ก็ได้

Flutter

พระเอกของเรานั้นก็คือ Flutter ดังนั้นเราจะต้องทำการติดตั้ง Flutter ให้เรียบร้อยก่อน โดยขั้นตอนการติดตั้งสามารถดูเพิ่มเติมได้ที่เว็บไซต์ของ Flutter ซึ่งได้อธิบายรายละเอียดไว้ค่อนข้างครบถ้วนแล้ว การติดตั้ง Flutter

หลังจากติดตั้งเสร็จแล้วให้พิมพ์คำสั่ง  

flutter doctor

ระบบจะแสดงรายการต่างๆ หากไม่มี issue ก็สามารถไปขั้นตอนต่อไปได้ แต่ถ้ามี issue ก็ให้แก้ไขให้เรียบร้อยเสียก่อน ดังตัวอย่าง

หากต้องการ upgrade version ของ Flutter ให้พิมพ์คำสั่ง 

flutter upgrade

Visual Studio Code

สำหรับ Visual Studio Code ให้ติดตั้ง PlugIn เสริมดังนี้

• Flutter หลังจากติดตั้งจะสามารถเรียกใช้คำสั่งต่างๆ ใน command palette ได้ เช่น การสร้าง project ใหม่ เป็นต้น โดยมีลักษณะดังนี้

• Dart เป็น PlugIn ที่รองรับภาษา Dart

Android SDK

Android AVD

iPhone Simulator

การสร้าง Flutter Project : Train Tracker

ในบทเรียนรู้นี้เรามาทำความเข้าใจในการสร้าง Mobile Application ด