Print
Details: Category: บทความ Flutter | Published: 25 January 2019 | Hits: 4395

จากครั้งที่ แล้ว ในบทเรียนการเขียนโค้ดบน Flutter https://www.androidthai.in.th/private-project-android-flutter-course.html 

Screen Shot 2562 01 23 at 051759

เราสร้าง Widget Text ที่แสดงข้อความ This is Home บน Screen

Screen Shot 2562 01 23 at 051802

แบบนี่ แสดง ได้แต่ไม่สวย ? แล้วจะทำอย่างไร ?ให้สวย

Screen Shot 2562 01 23 at 052106

Scaffold Class คือคำตอบสุดท้าย https://docs.flutter.io/flutter/material/Scaffold-class.html มี Widget สวยๆ ให้เราเรียกใช้มากมาย

Screen Shot 2562 01 23 at 052131

คร้าวๆ นะ ไว้ มาสเตอร์ กลับมารีวิว ให้

Screen Shot 2562 01 23 at 051936

กลับมาที่​โค้ด Flutter ของเรา มาสเตอร์ ลบ Text Widget เก่าออกก่อน และ เรียก คลาส Scaffold ใช้แบบนี้

 Screen Shot 2562 01 23 at 051939

 และ ที่ Terminal พิมพคำสั่ง flutter run ใหม่ (ถ้าเปิดแอพเดิมให้ Control c ออกก่อนนะ) จะได้ผลลัพธ์ แบบนี่ มีพื้นหลังสีขาว สวยขึ้นครับ