บทความ
สรุป Widget จัดการ Layout ใน Flutter
ใน Flutter มี Widget หลายตัวที่ใช้สร้างและจัดการ Layout ได้อย่างมีประสิทธิภาพ โดย Widget เหล่านี้มีดังนี้
-
Container: ใช้สร้างพื้นที่สำหรับวาง Widget ต่างๆ โดยสามารถกำหนดความสูง ความกว้าง และสีพื้นหลังได้
-
Row และ Column: ใช้สร้าง Layout แบบแถวและคอลัมน์ สามารถกำหนด Widget ในแต่ละแถวและคอลัมน์ได้
-
Stack: ใช้สร้างพื้นที่สำหรับวาง Widget โดยสามารถกำหนดให้ Widget ต่างๆ อยู่บนกันได้
-
Expanded: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นครอบคลุมพื้นที่ทั้งหมด
-
Padding: ใช้สร้างพื้นที่ว่างระหว่าง Widget โดยกำหนดความห่างระหว่าง Widget และขอบของพื้นที่
-
SizedBox: ใช้สร้างพื้นที่ว่างโดยกำหนดขนาดของพื้นที่
-
ListView: ใช้สร้าง Layout แบบรายการหรือ List โดยสามารถกำหนด Widget ต่างๆ ในแต่ละรายการได้
-
GridView: ใช้สร้าง Layout แบบตารางหรือ Grid โดยสามารถกำหนด Widget ต่างๆ ในแต่ละเซลล์ของตารางได้
-
Flexible: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นยืดหยุ่นเมื่อมีการเปลี่ยนขนาดหน้าจอ
-
Wrap: ใช้สร้าง Layout แบบ Wrap โดยสามารถกำหนด Widget ต่างๆ ในแต่ละแถวได้
-
Align: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดตำแหน่งที่ Widget นั้นจะอยู่ภายในพื้นที่
-
Positioned: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดตำแหน่งที่ Widget นั้นจะอยู่บนพื้นที่แบบ Stack
-
AspectRatio: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดอัตราส่วนของ Widget นั้นให้เท่ากับอัตราส่วนที่กำหนด
-
FittedBox: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นพอดีกับพื้นที่ที่กำหนด
-
FractionallySizedBox: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดขนาดของพื้นที่ให้เท่ากับส่วนที่กำหนดของหน้าจอ
ดังนั้น Widget ต่างๆใน Flutter ช่วยให้นักพัฒนาสามารถสร้าง Layout และ UI ได้อย่างง่ายดายและมีประสิทธิภาพสูง
หนังสือพัฒนาตัวเอง
จุดเริ่มต้นที่ชัดเจน