🐦
Flutter คืออะไร?
UI Toolkit Open-source จาก Google เขียน Dart ครั้งเดียว Deploy ได้ iOS, Android, Web, Desktop UI เหมือนกันทุก Platform
Google2018Dart LanguageCross-platformBSD License
🔄 Flutter ทำงานยังไง?
📋 ขั้นตอนการพัฒนาด้วย Flutter
1
👨💻Developer
เขียน Dart Code ครั้งเดียว — UI, Logic และ State ในภาษาเดียว
2
⚙️Flutter SDK
Compile Dart → Native ARM/x86 machine code (AOT compilation สำหรับ Production)
3
🎨Flutter Engine
Skia / Impeller Graphics engine วาดทุก Pixel บน Canvas โดยตรง
4
🌳Widget Tree
สร้าง UI จาก Widget ซ้อนกัน StatelessWidget + StatefulWidget ประกอบหน้าจอ
5
🔄State Management
setState / Provider / Riverpod / Bloc ทำให้ Widget Rebuild เมื่อข้อมูลเปลี่ยน
6
📡Platform Channel
เรียกฟีเจอร์ Native (กล้อง, GPS, BLE) ผ่าน MethodChannel ไปยัง API iOS/Android
7
📦Build System
flutter build apk (Android) / flutter build ios (iOS) / flutter build web (Web)
8
🏪App Store
ส่งขึ้น App Store / Google Play — ทีมเดียว Code เดียว สองร้าน
🧩 ประเภท Widget
📄
StatelessWidget
UI ที่ไม่เปลี่ยนหลัง Build Props เท่านั้น ไม่มี State ภายใน เร็วและเรียบง่าย
🔄
StatefulWidget
UI ที่เปลี่ยนได้ มี State object ที่เรียก setState() เพื่อ Rebuild
📐
Layout Widgets
Container, Row, Column, Stack, Expanded, Padding จัดวาง Children บนหน้าจอ
🎨
Material / Cupertino
Material Design (สไตล์ Android) หรือ Cupertino (สไตล์ iOS) Component ในตัว
⚡
Custom Widget
Widget ชุดใดก็แยกออกมาเป็น Custom Widget Class ที่นำกลับมาใช้ใหม่ได้
🗺️
Navigator / Router
ไปหน้าอื่นด้วย Navigator.push() หรือ go_router สำหรับ Named routes
🔄 ตัวเลือก State Management
setState()เริ่มต้นง่ายที่สุด ใช้กับ Widget เดียว ไม่แชร์ระหว่างหน้าจอ
ProviderกลางWrapper ของ InheritedWidget ง่าย ยอดนิยม แนะนำโดย Official
Riverpodกลาง+Provider ที่ปรับปรุงแล้ว Safe ตอน Compile, Test ได้ง่าย แนวทางสมัยใหม่
Bloc / Cubitขั้นสูงBusiness Logic Component แยก Logic ชัดเจน ดีสำหรับทีมใหญ่
GetXง่าย/รวมทุกอย่างBoilerplate น้อย รวม State, Navigation, DI ในแพ็กเกจเดียว
ต้องการแอปมือถือด้วย Flutter? 🐦
เราสร้างแอป iOS + Android จาก Flutter Code เดียว เร็วกว่า ประหยัดกว่า UI สม่ำเสมอ
← กลับหน้าเรียนติดต่อเรา