สร้าง Launch Screen ด้วย Flutter ที่ออกแบบจาก Adobe XD
สำหรับขั้นตอนทั้งหมดนี้ Developer ออกแบบ Model และ Widget ไว้ดังนี้
ส่วนแรก Splash Screen จะเรียกใช้งาน Splash Widget โดย Animation ทั้งหมด Screen จะปล่อยให้ Splash Widget ทำงานทั้งหมดโดยการเรียกใช้ Animator Widget
ส่วนที่ 2 สร้าง Model สำหรับเก็บ Content ของ Item คือ Image และ Description หลังจากนั้นสร้าง Step Screen ขึ้นมาเพื่อเรียก Step Widget ซึ่งเป็น Object ที่สร้าง PageView ขึ้นมาตามจำนวน Item ที่อยู่ใน Item List เสร็จแล้วก็เขียน Step Item Widget เพื่อแสดง Motion ของแต่ละ Item
ทั้งหมดนี้จะทำให้ Launch Screen ดูสวยและ Smooth ขึ้น
#Flutter #FlutterDeveloper #FlutterDev #AdobeXD #FlutterMobile #MobileApp