Copyright 2024 - Custom text here

จากครั้งที่ แล้ว ในบทเรียนการเขียนโค้ดบน 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 ออกก่อนนะ) จะได้ผลลัพธ์ แบบนี่ มีพื้นหลังสีขาว สวยขึ้นครับ 

 

คอร์ส สอนโปรเจ็คแอนดรอยด์ ตัวต่อตัว

privateProject2019v1

คอร์ส เบสิกแอนดรอยด์ สอน ตัวต่อตัว

privateAndroid2019v1

คอร์ส iOS สอน ตัวต่อตัว

privateIos2019V1

คอร์ส Flutter สอน ตัวต่อตัว

privateFlutter2019v1

f t g