Devdit
 

ปรับขนาดรูป Flutter ด้วย width และ height

2.3K

บทความนี้สอนวิธีปรับขนาดรูป Flutter ด้วยคำสั่ง width (ความกว้าง) และ height (ความสูง) โดยสามารถใช้ได้กับคำสั่ง Image.network สำหรับโหลดรูปภาพแบบ Online และ Image.asset สำหรับโหลดรูปภาพแบบ Offline สามารถเขียนโค้ดได้ดังนี้

 

ตัวอย่าง ปรับขนาดรูป Flutter

Image.network(
	'https://www.devdit.com/favicon-16x16.png', 
	width: 100, 
	height: 100
)
Image.asset(
	'lib/media/logo.jpg', 
	width: 50, 
	height: 50
)

จากโค้ดใช้คำสั่ง width เพื่อปรับขนาดรูปด้านกว้าง และใช้คำสั่ง height เพื่อปรับขนาดรูปภาพด้านสูง โดยสามารถใช้ได้กับ Image.network และ Image.asset

 

สรุป กรณีต้องการปรับขนาดรูป Flutter แบบกำหนดความกว้าง และความสูงด้วยตัวเอง แนะนำให้ใช้คำสั่ง width และ height โดย width ใช้ปรับความกว้าง และ height ใช้ปรับความสูง

แก้ไข 1 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ