logo icon
ธนินัชดอทคอม - รับสร้าง Website, Mobile Application
image

บทความ

ธนินัช ดอทคอม - ผู้เชี่ยวชาญทำเว็บไซต์

สรุป Widget จัดการ Layout ใน Flutter

ใน Flutter มี Widget หลายตัวที่ใช้สร้างและจัดการ Layout ได้อย่างมีประสิทธิภาพ โดย Widget เหล่านี้มีดังนี้

  1. Container: ใช้สร้างพื้นที่สำหรับวาง Widget ต่างๆ โดยสามารถกำหนดความสูง ความกว้าง และสีพื้นหลังได้

  2. Row และ Column: ใช้สร้าง Layout แบบแถวและคอลัมน์ สามารถกำหนด Widget ในแต่ละแถวและคอลัมน์ได้

  3. Stack: ใช้สร้างพื้นที่สำหรับวาง Widget โดยสามารถกำหนดให้ Widget ต่างๆ อยู่บนกันได้

  4. Expanded: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นครอบคลุมพื้นที่ทั้งหมด

  5. Padding: ใช้สร้างพื้นที่ว่างระหว่าง Widget โดยกำหนดความห่างระหว่าง Widget และขอบของพื้นที่

  6. SizedBox: ใช้สร้างพื้นที่ว่างโดยกำหนดขนาดของพื้นที่

  7. ListView: ใช้สร้าง Layout แบบรายการหรือ List โดยสามารถกำหนด Widget ต่างๆ ในแต่ละรายการได้

  8. GridView: ใช้สร้าง Layout แบบตารางหรือ Grid โดยสามารถกำหนด Widget ต่างๆ ในแต่ละเซลล์ของตารางได้

  9. Flexible: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นยืดหยุ่นเมื่อมีการเปลี่ยนขนาดหน้าจอ

  10. Wrap: ใช้สร้าง Layout แบบ Wrap โดยสามารถกำหนด Widget ต่างๆ ในแต่ละแถวได้

  11. Align: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดตำแหน่งที่ Widget นั้นจะอยู่ภายในพื้นที่

  12. Positioned: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดตำแหน่งที่ Widget นั้นจะอยู่บนพื้นที่แบบ Stack

  13. AspectRatio: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดอัตราส่วนของ Widget นั้นให้เท่ากับอัตราส่วนที่กำหนด

  14. FittedBox: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นพอดีกับพื้นที่ที่กำหนด

  15. FractionallySizedBox: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดขนาดของพื้นที่ให้เท่ากับส่วนที่กำหนดของหน้าจอ

ดังนั้น Widget ต่างๆใน Flutter ช่วยให้นักพัฒนาสามารถสร้าง Layout และ UI ได้อย่างง่ายดายและมีประสิทธิภาพสูง

หนังสือพัฒนาตัวเอง

จุดเริ่มต้นที่ชัดเจน

เว็บไซต์หรือแอปพลิเคชั่นของคุณเริ่มต้นที่นี่

ลงทะเบียนแล้วเราจะส่งข้อเสนอที่ดีที่สุดให้กับคุณ