โปรเจคนี้เป็นโปรเจคที่สาม แต่โปรเจคนี้ไม่ได้แปลง App ให้เป็น Web เพราะเวลาไม่พอ
สิ่งที่ได้จากโปรเจคนี้ ส่วนใหญ่จะเป็นการ สร้าง component การ reuse component และเขียนโค้ดคล่องขึ้น
ก็คือ กด Pause แล้วลองเขียนไอเดียตัวเองไปก่อน แล้วค่อยกด Unpause เพื่อดูเฉลย ซึ่งก็ได้ผลดีมาก
ทำให้เข้าใจอะไรหลายๆอย่างเยอะขึ้น
นอกจากนี้ยังมีการ research เองเพื่มเติม เช่น ความต่างของ package material.dart และ cupertino.dart
นั้นก็คือ material จะเป็น layout, UI แบบ google แต่ cupertino จะเป็นแบบ IOS
สิ่งที่เรียนรู้ครั้งนี้
- จากครั้งก่อนที่บอกว่า FlatButton นั้น Deprecated ทำให้ครั้งนี้ Research เยอะขึ้นและพบวิธีทำ FlatButton และลองทำเป็น Component เพื่อให้ Reuseable ได้
- เรียนรู้ Widget ใหม่ เช่น Positioned, Navigator, MaterialPageRoute, SingleChildScrollView (เอาไว้เลื่อนหน้าจอตาม keyboard เพราะ เวลากด Input มันจะทับไง ก็เลยต้อง scroll ขึ้น)
- ยืดหยุ่นมากขึ้น ก็คือ ไม่ได้ทำตามตัวอย่างเป๊ะๆ เช่น การ pass size, การ spacing (เอาตามที่ผมเห็นว่าเหมาะสม)
Resource / Reference
Video ตัวอย่าง Welcome, Login, Signup Page – Flutter UI – Speed Code
GitHub ที่ผมทำ flutter_login
