[Flutter]Image

小黑
發佈於APP
2023/12/12閱讀時間約 1 分鐘

方法

  • asset:載入此APP指定資料夾內的資源圖片。
Image.asset('assets/images/logo.png')


  • file:載入手機指定路徑位置圖片。
Image.file('your_image_path')


  • network:載入網路指定網址圖片。
Image.network('your_image_URL')


  • memory:載入Uint8List資源圖片。
Image.memory('your_image_data')


屬性

  • width:寬度。
  • height:高度。
  • fit:填充方式。


fit 種類

  • BoxFit.fill:填滿容器(可能造成圖片會被壓扁變形)。
  • BoxFit.contain:顯示原圖片大小。
  • BoxFit.cover:延伸填滿(圖片可能會被過度放大,部分被裁減掉)。
  • BoxFit.fitWidth:填滿寬度(圖片可能被部分裁減掉)。
  • BoxFit.fitHeight:填滿高度(圖片可能被部分裁減掉)。
  • BoxFit.none:不做任何延伸或縮小變化。






7會員
78內容數
嗨,我是一名程式設計師,會在這分享開發與學習紀錄。
留言0
查看全部
發表第一個留言支持創作者!