flutter 圖檔元件

Image.asset:加載資源圖檔，就是附加元件目資源目錄中的圖檔,加入圖檔後會增大打包的包體體積，用的是相對路徑。

Image.network:網絡資源圖檔，意思就是你需要加入一段http://xxxx.xxx的這樣的網絡路徑位址。

Image.file:加載本地圖檔，就是加載本地檔案中的圖檔，這個是一個絕對路徑，跟包體無關。

Image.memory: 加載Uint8List資源圖檔,不怎麼使用

Image 元件的常用屬性:

fit屬性可以控制圖檔的拉伸和擠壓，這些都是根據圖檔的父級容器來的，我們先來看看這些屬性（建議此部分組好看視訊了解）。

BoxFit.fill:全圖顯示，圖檔會被拉伸，并充滿父容器。

BoxFit.contain:全圖顯示，顯示原比例，可能會有空隙。

BoxFit.cover：顯示可能拉伸，可能裁切，充滿（圖檔要充滿整個容器，還不變形）。

BoxFit.fitWidth：寬度充滿（橫向充滿），顯示可能拉伸，可能裁切。

BoxFit.fitHeight ：高度充滿（豎向充滿）,顯示可能拉伸，可能裁切。

BoxFit.scaleDown：效果和contain差不多，但是此屬性不允許顯示超過源圖檔大小，可小不可大

圖檔混合模式（colorBlendMode）和color屬性配合使用，能讓圖檔改變顔色，裡邊的模式非常的多，産生的效果也是非常豐富的

color：是要混合的顔色，如果你隻設定color是沒有意義的。

colorBlendMode:是混合模式，相當于我們如何混合。

ImageRepeat.repeat : 橫向和縱向都進行重複，直到鋪滿整個畫布。

ImageRepeat.repeatX: 橫向重複，縱向不重複。

ImageRepeat.repeatY：縱向重複，橫向不重複。

Width和height屬性：

一般結合 ClipOval 才能看到效果

引入本地圖檔的配置

1.建立對應目錄:例如images

打開 pubspec.yaml 聲明一下添加的圖檔檔案

Flutter 實作圓角以及實作圓形圖檔

實作圓形圖檔