Print
Details: Category: บทความ Flutter | Published: 04 March 2020 | Hits: 307

โจทย์ เป็นอย่างนี่นะ

Screen Shot 2563 03 05 at 033958

เรามี ListView ส่วนของการแสดงรายละเอียด แบบนี่

Screen Shot 2563 03 05 at 034034

 

สังเกตุ Text(details[index]), 

 ที่นี่ มาสเตอร์ เอาใหม่ ไปที่ ฐานข้อมูลเรา

Screen Shot 2563 03 05 at 033804

ที่ Detail

Screen Shot 2563 03 05 at 033810

มาสเตอร์ ต้องการ Content แยะไปที่ https://www.lipsum.com

Screen Shot 2563 03 05 at 033834

มาสเตอร์ Copy Content มา Paste เลยแบบนี่

Screen Shot 2563 03 05 at 034016

ที่นี่ มาดูที่ App Flutter จะเห็นว่า Content เราแยะจนเกินขอบ และขึ้น Error แบบนี้ RIGHT OVERFLOWED BY 3431 PIXEL แล้ว เราจะแก้อย่างไร ?

Screen Shot 2563 03 05 at 034034

กลับมาดูที่ โค้ด Flutter ของเรา ตรงส่วนที่ แสดง Detail

Screen Shot 2563 03 05 at 034047

เอา Cursor ไปวาง

Screen Shot 2563 03 05 at 034103

กด Control และ จุด จะได้ pop Up แบบนี้ เลือก Wrap with Container

Screen Shot 2563 03 05 at 034226

 

มาสเตอร์ เอา Container ไปครอบ หรือ Wrap และ กำหนด ขนาดความกว้าง แบบนี่ แต่ข้อความมีมาก มาสเตอร์ ไปปิด การกำหนด ความสูงด้านบนด้วย และ ลองทดสอบโค้ดใหม่

Screen Shot 2563 03 05 at 034234

เย้ๆๆๆ ได้มาละ ไม่ยากนะครับ