Home

การทำ Alignment และ Margin กับ Widget ใน Container Flutter

จากครั้งที่แล้วที่มาสเตอร์ กำหนด ตำแหน่งของ Widget โดยการใช้ FractionalOffset ที่นี่เราจะมาดู การกำหนด ตำแหน่ง ของ Widget อีกแบบ โดยการใช้ Alignment แบบ กำหนด x, y  ครับ

 

ใส่ Alignment ที่ 0,0 และ ลองดูผลลัพธ์

จะเห็น ว่า Text Widget ไปอยู่ที่ Center ของ Screen

Read more: การทำ Alignment และ Margin กับ Widget ใน Container Flutter

การกำหนดตำแหน่ง ของ Widget ใน Container โดยใช้ FractionaOffSet

ตามหัวขัอเลย ครับ การกำหนดตำแหน่งให้  Widget ที่อยู่ใน Container โดยวิธี กำหนด FractionalOffSet (เนื่อหาจาก คอร์ส สอนFlutter ตัวต่อตัว https://www.androidthai.in.th/private-project-android-flutter-course.html )

โจทย์ เป็นอย่างนี่นะ เดี๋ยวมาสเตอร์ จะสร้าง Widget Text ที่แสดงตัวอักษร Hello Contaniner และจะ ขยับไปตามส่วนต่างๆ ของจอ โดยการกำหนด ค่าให้ FractionalOffSet เรามาเริ่มกันครับ

จาก ศูนย์เลยนะ เริ่มจาก main_screen.dart มาสเตอร์ สร้าง StateFul Widget เพื่อไปสร้าง Stateless ที่ main.dart

ที่ main.dart สร้าง เมธอด main ให้ รัน App ก่อน

Read more: การกำหนดตำแหน่ง ของ Widget ใน Container โดยใช้ FractionaOffSet

คอร์ส iOS สอน ตัวต่อตัว น้องๆ มัธยม

ต้องขอออกตัวก่อนว่า น้องๆ มัธยม สองคนนี่ไม่ธรรมดาเลย จากคอร์ส สอน iOS ตัวต่อตัว นี่ https://www.androidthai.in.th/course-basic-ios-with-swift-private.html สรุปได้ว่า อายุ ไม่เป็นอุปสรรค ในการเรียนโค้ด เลย

น่ารักนะ คุณพ่อ คุณแม่ มานั่งดูด้วย

 

 มาสเตอร์ สอนแบบ สอนโปรแกรมเมอร์ อาชีพเลย 

ทุกคนยอดเยี่ยมมาก

Read more: คอร์ส iOS สอน ตัวต่อตัว น้องๆ มัธยม

การซ่อน Keyboard บน iOS ด้วยภาษา Swift

พอดีหลายวันก่อน สอนน้องๆ เขียนโค้ด ด้วย Xcode บน iOS ภาษา Swift https://www.androidthai.in.th/course-basic-ios-with-swift-private.html

มีปัญหา Keyboard บังปุ่ม Login จะเอาลงอย่างไร

จากตัวอย่างเป็น iPhone X ถ้ารันบน พวก iPhone 6, หรือ iPhone 8 ตัว Keyboard อาจจะบัง ปุ่ม Login ได้ แล้วเราจะเอาลงอย่างไร ?

Read more: การซ่อน Keyboard บน iOS ด้วยภาษา Swift