บทความ Flutter

มาสู่ Workshop ใหม่ของการเรียนรู้ การเขียนแอพ บน Flutter Platform หลังจากที่เรา สร้างโปรเจ็ค Flutter แล้ว (ใครสร้างโปรเจ็ค Flutter ไม่เป็นไปดูที่นี่ ครับ http://androidthai.in.th/android-flutter/94-hello-flutter) และ เราจะทำอะไร ? ต่อไป เพือเตรียมความพร้อมในการทำโปรเจ็กแอพ Flutter ของเรา

สิ่งแรกที่ต้องทำ หลังจาก สร้างโปรเจ็คเปล่า คื่อ การทดสอบโค้ดที่สร้าง ว่าสามารถทำงานบน Simulator ได้หรือเปล่า ?

ต่อไปก็ลบ ทั้งหมดใน main.dart และสร้าง คลาสเปล่า 3 ตัวนี้ (ในภาพพิมพ์ผิด อย่าโกรธกันนะแค่ตัวแปร)

1. MyApp
2. MyStateFulWidget
3. MyState

มาเริ่มต้นที่ MyStare ก่อนเอาไป extends State และ Override build แบบนี่ครับ

กำหนดให้ เมธอด build ใน คลาส MyState นั้น return Object Scaffold แบบนี้

นี่คื่อทั้งหมดของ MyState

ต่อไป คลาส MyStateFulWidget บ้าง

เอาคลาส MyStateFulWidget ไป extends StatefulWidget และ Override State เพื่อ return Object MyState แบบนี้

ภาพรวมทั้งหมดของ ทั้งสองคลาส

ต่อไป คลาสสุดท้ายละ MyApp

กำหนดให้ MyApp extends StatelessWidget และ Override Method build โดยจะ return Object MaterialApp ซึ่ง Argument home จะเป็น Object MyStateFulWidget แบบนีครับ

 ภาพรวมทั้งสามคลาส ครับ

สุดท้ายสร้างเมธอดหลักในการ runApp คลาส MyApp

ภาพรวมทั้งหมดครับ และ ลองรันเพื่อทดสอบโค้ดครับ

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