89

Update

Delete

Back

Content ID	89
Category ID	3
Writer ID	(not set)
User ID	(not set)
Lang Mode	th
Content Name	สรุป Widget จัดการ Layout ใน Flutter
Content Url	สรุป-Widget-จัดการ-Layout-ใน-Flutter
Content Desc	<p data-pm-slice="1 1 []">ใน Flutter มี Widget หลายตัวที่ใช้สร้างและจัดการ Layout ได้อย่างมีประสิทธิภาพ โดย Widget เหล่านี้มีดังนี้<br><br></p> <ol> <li> <p>Container: ใช้สร้างพื้นที่สำหรับวาง Widget ต่างๆ โดยสามารถกำหนดความสูง ความกว้าง และสีพื้นหลังได้</p> </li> <li> <p>Row และ Column: ใช้สร้าง Layout แบบแถวและคอลัมน์ สามารถกำหนด Widget ในแต่ละแถวและคอลัมน์ได้</p> </li> <li> <p>Stack: ใช้สร้างพื้นที่สำหรับวาง Widget โดยสามารถกำหนดให้ Widget ต่างๆ อยู่บนกันได้</p> </li> <li> <p>Expanded: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นครอบคลุมพื้นที่ทั้งหมด</p> </li> <li> <p>Padding: ใช้สร้างพื้นที่ว่างระหว่าง Widget โดยกำหนดความห่างระหว่าง Widget และขอบของพื้นที่</p> </li> <li> <p>SizedBox: ใช้สร้างพื้นที่ว่างโดยกำหนดขนาดของพื้นที่</p> </li> <li> <p>ListView: ใช้สร้าง Layout แบบรายการหรือ List โดยสามารถกำหนด Widget ต่างๆ ในแต่ละรายการได้</p> </li> <li> <p>GridView: ใช้สร้าง Layout แบบตารางหรือ Grid โดยสามารถกำหนด Widget ต่างๆ ในแต่ละเซลล์ของตารางได้</p> </li> <li> <p>Flexible: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นยืดหยุ่นเมื่อมีการเปลี่ยนขนาดหน้าจอ</p> </li> <li> <p>Wrap: ใช้สร้าง Layout แบบ Wrap โดยสามารถกำหนด Widget ต่างๆ ในแต่ละแถวได้</p> </li> <li> <p>Align: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดตำแหน่งที่ Widget นั้นจะอยู่ภายในพื้นที่</p> </li> <li> <p>Positioned: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดตำแหน่งที่ Widget นั้นจะอยู่บนพื้นที่แบบ Stack</p> </li> <li> <p>AspectRatio: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดอัตราส่วนของ Widget นั้นให้เท่ากับอัตราส่วนที่กำหนด</p> </li> <li> <p>FittedBox: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดให้ Widget นั้นพอดีกับพื้นที่ที่กำหนด</p> </li> <li> <p>FractionallySizedBox: ใช้สร้างพื้นที่สำหรับวาง Widget โดยกำหนดขนาดของพื้นที่ให้เท่ากับส่วนที่กำหนดของหน้าจอ<br><br></p> </li> </ol> <p>ดังนั้น Widget ต่างๆใน Flutter ช่วยให้นักพัฒนาสามารถสร้าง Layout และ UI ได้อย่างง่ายดายและมีประสิทธิภาพสูง</p>
Content Short
Content View	5010
Content Thumb Highlight
Content Thumb	/uploads/article/GEgzWYqu7X.png
Content Img Alt	สรุป Widget จัดการ Layout ใน Flutter
Content Tag	Layout ใน Flutter,Widget ,Flutter
Content Date	(not set)
Active Status	1
Sort	99999
Meta Title	สรุป Widget จัดการ Layout ใน Flutter
Meta Desc	สรุป Widget จัดการ Layout ใน Flutter
Meta Keyword	Layout ใน Flutter,Widget ,Flutter
Og Title	สรุป Widget จัดการ Layout ใน Flutter
Og Desc	สรุป Widget จัดการ Layout ใน Flutter
Status	1
Create Date Time	2023-03-16 18:25:28
Update Date Time	2023-03-16 18:25:28
Create By
Update By