Print
Details: Category: บทความ Flutter | Published: 05 October 2018 | Hits: 1440

จากบทความตอนที่แล้ว เราได้ Download รูปภาพ มาแล้ว มาตอนนี่เราจะเอารูปภาพ มาทำงานใน Flutter

สิ่งแรก มาสเตอร์ Re-Name ชื่อไฟร์ ให้ง่ายต่อการเรียกใช้ก่อน

 

ไปคลิก เปิด โฟวเตอร์

ตั้งชื่อว่า image

 

 

ลากรูปไปปล่อยที่ โฟวเตอร์ image

เอารูปไปเก็บไว้ ที่ โฟวเตอร์ image แต่ๆๆๆๆ แค่นี้ยังไม่ทำให้ Flutter ใช้รูปภาพได้

ไปเปิดไฟร์ pubspec.yaml

มองหา assets:

คือ มาสเตอร์ ไม่ค่อยชอบพิมพ์ เลย Copy Path ของรูปภาพ และ

และ ไป Paste 

ลบออกจนได้แบบนี่ หรือ จะ พิมพ์ ก็ได้นะครับ 

สั่งเกตุ ที่ Output จะมีการ flutter package get ให้ แบบนี่

ทำจนครบทั้ง สามภาพ ครับ สำหรับใคร ที่ทำไม่ได้ Source Code ของโปรเจ็คนี่อยู่ที่ https://github.com/masterUNG/Demo_Card_Bird_Dog_Panda