สร้าง Mobile Application ด้วย Flutter Workshop : แอปติดตามรถไฟไทย (Train Tracker)

wave
มานพ กองอุ่น 14 ต.ค. 2019, 9:15:29 1,159

หากมีข้อสงสัยสอบถามหรือแสดงความคิดเห็นสามารถโพสต์ได้ที่ สอบถามปัญหาหรือแนะนำจากบทเรียนรู้เรื่องการพัฒนา 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

Flutter hot reload example

Android SDK

Android AVD

iPhone Simulator

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

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

...
ยังมีเนื้อหาซ่อนอยู่ หากคุณต้องการอ่านเนื้อหานี้เพิ่มเติมกรุณาชำระเงินก่อนจึงจะสามารถอ่านเนื้อหานี้เพิ่มเติมได้

ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ราคา 300 บาท
  • ดู 1,159
  • รักเลย 0
  • หมวดหมู่ Flutter
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags flutter mobile application workshop
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009