จากเด็กจบใหม่ที่ต้องติดบ้านเพราะโควิดสู่นักพัฒนา Flutter #3
2 min readMay 4, 2020
มาต่อกับชาเลนจ์ฝึกเขียน Flutter ช่วง WFH กันเลยครับ บทความนี้ผมเขียนเรื่อง Widget เหมือนเดิมครับ
บทความต่อจาก
Contents
- RaisedButton
- IntrinsicWidth
- IntrinsicHeight
- Expanded
RaisedButton
มันคือปุ่มกดนั้นเอง
onPressed
onPressed: null // จะเป็นการ Disabled Button
onPressed: () {} // จะเป็นการ Enabled Button
IntrinsicWidth
ควรจะใช้ widget นี้ก็ตอนอยากให้ child expand เท่า child ตัวกว้างสุดนะครับ
crossAxisAlignment
หลังจากใช้ IntrinsicWidth ครอบ Column แล้วก็ใช้ CrossAxisAlignment.stretch เพื่อให้ขยาย child ให้เท่า child ตัวกว้างสุด
IntrinsicHeight
ควรจะใช้ widget นี้ก็ตอนอยากให้ child expand เท่า child ตัวที่ยาวสุดนะครับ
Expanded
เป็นการขยายให้สุดจอ
flex
คือการกำหนดแบ่งส่วนให้แต่ละ Expanded เช่นตัวอย่างที่ผมเขียนเป็น 1:2
วันนี้ขอจบบทความเท่านี้นะครับ ถ้ามีอะไรติชมเขียนมาได้เลยนะครับ ผมจะได้เอาไปปรับปรุงในบทความต่อไป ขอบคุณที่อ่านจนจบครับ
