圖片組件Image是顯示圖像的組件，Image組件有多種構造函數：
- Image: 從ImageProvider獲取圖像
- Image.asset: 加載資源圖片
- Image.file: 加載本地圖片文件
- Image.network: 加載網絡圖片
- Image.memory: 加載Uint8List資源圖片
Image組件常用屬性
| 屬性名 | 類型 | 說明 |
|---|---|---|
| fit | BoxFit | 圖片填充模式，具體取值見下一個表 |
| colorBlendMode | BlendMode | 在對圖片進行手動處理的時候，可能用到圖層混合，如改變圖片的顏色，此屬性可以對顏色進行混合處理。有多重模式 |
| color | Color | 圖片顏色 |
| alignment | Alignment | 控制圖片的擺放位置，比如圖片放置在右下角則爲Alignment.bottomRight |
| repeat | ImageRepeat | 此屬性可以設置圖片重複模式。noRepeat爲不重複，Repeat爲x和y方向重複，repeatX爲x方向重複，repeatY爲y方向重複 |
| centerSlice | Rect | 當圖片需要被拉伸顯示時，centerSlice定義的矩形區域會被拉伸，可以理解成我們在圖片類別定義一個點9個點文件用作拉伸，9個點爲“上、下、左、右、上中、下中、左中、右中、正中” |
| matchTextDirection | bool | matchTextDirection與Directionality配合使用。TextDirection有兩個值分別爲：TextDirection.ltr從左到右展示圖片，TextDirection.rtl從右到左展示圖片 |
| gaplessPlayback | bool | 當ImageProvider發生變化後，重新加載圖片的過程中，原圖片的展示是否保留。值爲true則保留；值爲false則不保留，直接空白等待下一張圖片加載 |
BoxFit取值及描述
| 取值 | 描述 |
|---|---|
| BoxFit.fill | 全圖顯示，顯示可能拉伸、充滿 |
| BoxFit.contain | 全圖顯示,顯示原比例，不需充滿 |
| BoxFit.cover | 顯示可以拉伸，可能裁剪，充滿 |
| BoxFit.fitWidth | 顯示可能拉伸，可能裁剪，寬度充滿 |
| BoxFit.fitHeight | 顯示可能拉伸，可能裁剪，高度充滿 |
| BoxFit.none | 原始大小 |
| BoxFit.scaleDown | 效果和BoxFit.contain差不多，但是此屬性不允許顯示超過源圖片大小，即可小不可大 |