更新於 2024/12/11閱讀時間約 1 分鐘

[Flutter]Image

方法

  • 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:不做任何延伸或縮小變化。






分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.