avatar
thiti.dev
วงแหวนเว็บ
Search
Contact
Donate
Flutter EP.4 Project structure file flutter
31 May 2020
flutter ios android dart

สวัสดีครับ ใน EP.3 เราได้เรียนรู้ Widget ใน Flutter กันไปแล้ว สําหรับเนื้อหาต่อไปในบทความนี้จะเป็นเรื่องโครงสร้างไฟล์ใน Flutter ว่ามีอะไรบ้าง แต่ละไฟล์คืออะไร เราจะได้มาเรียนรู้กันครับ

เมื่อเราสร้าง Flutter Project ขึ้นมา ภายใน Project จะมี File และ Directory ที่ Flutter สร้างขึ้นมาให้เราตามรูปภาพดังนี้

Image

มาดูรายละเอียดของ File และ Directory กันครับ

android and ios

เป็น Directory ที่สําหรับเก็บไฟล์ที่เกี่ยวข้องทั้งหมดสําหรับ Android และ iOS โดยปกติเราจะไม่ค่อยเข้ามายุ่งในนี้เท่าไร แต่ในบางกรณีเราอาจจะต้องการเพิ่มเติมหรือแก้ไข Feature ในแต่ละ Platform ก็สามารถเข้ามาแก้ไขได้ในนี้

lib

เป็น Directory ที่สําหรับเก็บ Code ของ Application ของเราทั้งหมด ซึ่งเราสามารถสร้าง Directory ย่อยๆ เพื่อแบ่งเป็นส่วนได้ ตัวอย่างเช่น models, screens, services, utils, and widgets

pubspec.yaml

pubspec.yaml เป็น File พิเศษ มีไว้เก็บ Setting ของ Flutter ครับ ซึ่งภายในจะเก็บ app name, description, SDK version, dependencies ฯลฯ

test directory

เป็น Directory ใว้เก็บ Code สําหรับ Test Application เช่น Unit Test ต่างๆครับ

ไฟล์อื่นๆ (99.99% เราไม่จําเป็นต้องไปแก้ไขมัน)

  • .idea เป็น Directory สําหรับเก็บ File Setting ทั้งหมดของ Project ครับ

  • .gitignore เป็น File ignore ของ git ครับ

  • .metadata, .packages, pubspec.lock เป็น File ที่ถูกสร้างโดย Flutter และถูกใช้โดย Flutter

  • README.md เป็น Markdown file จะถูกใช้โดย git(Version control) เช่น git ส่วนใหญ่จะใช้เป็นการเขียนคําอธิบาย Repository ของ git ครับ

Directory ที่เราจะเข้าไปแก้ไขบ่อยๆก็คือ lib และ pubspec.yaml เนื่องจาก Code ทั้งหมดของ Application จะเก็บไว้ใน Directory lib ครับ

สําหรับเนื้อหาในบทความนี้ก็มีเพียงเท่านี้ครับ แล้วพบกันใหม่ EP หน้านะครับ ขอบคุณครับ