Image.asset("images/flutter.png",fit: BoxFit.cover,),
Image.network(url)：從網(wǎng)絡(luò)加載顯示圖片、這里需要傳入圖片的url，
Image.file(file)：從本地文件加載顯示圖片哪工、這里需要傳入圖片的本地地址
Image.asset(name)：從Flutter APP的資源文件里加載顯示圖片奥吩、這里需要傳入Flutter APP圖片資源文件的路徑及圖片名字
Image.memory(bytes)：從內(nèi)存加載顯示圖片、這里需要傳入圖片的bytes數(shù)據(jù)，類型是Uint8List
- Image 的五個構(gòu)造函數(shù)的參數(shù)都有所不同，這里講一下共同都有的參數(shù)：
| 參數(shù)名字 | 參數(shù)類型 | 意義 | 必選 or 可選 |
|---|---|---|---|
| scale | double | 圖形顯示的比例 | 可選 |
| semanticsLabel | String | 給 Image 加上一個語義標(biāo)簽 沒有實際用處 | 可選 |
| width | double | 圖片的寬 如果為null的話，則圖像將選擇最佳大小顯示棘捣，而且會保留其固有寬高比的大小 | 可選 |
| height | double | 圖片的高 如果為null的話，則圖像將選擇最佳大小顯示，而且會保留其固有寬高比的大小 | 可選 |
| color | Color | 圖片的混合色值 | 可選 |
| colorBlendMode | BlendMode | 圖片與顏色的混合模式 | 可選 |
| fit | BoxFit | 用于在圖片的顯示空間和圖片本身大小不同時指定圖片的適應(yīng)模式 | 可選 |
| alignment | Alignment | 圖片的對齊方式 | 可選 |
| repeat | ImageRepeat | 當(dāng)圖片本身大小小于顯示空間時乍恐，指定圖片的重復(fù)規(guī)則 | 可選 |
| centerSlice Rect | 在這個矩形范圍內(nèi)的圖片會被當(dāng)成.9的圖片 | 可選 | |
| matchTextDirection | bool | 圖片的繪制方向 true:從左往右 false:從右往左 | 可選 |
| gaplessPlayback | bool | 當(dāng)圖像提供者更改時 true：繼續(xù)顯示舊圖像 false：簡單地顯示任何內(nèi)容 | 可選 |
| filterQuality | FilterQuality | 設(shè)置圖片的過濾質(zhì)量 | 可選 |
fit：BoxFit评疗，用于在圖片的顯示空間和圖片本身大小不同時指定圖片的適應(yīng)模式。
| BoxFit的值 | 含義 |
|---|---|
BoxFit.fill |
會拉伸填充滿顯示空間茵烈，圖片本身長寬比會發(fā)生變化百匆，圖片會變形。 |
BoxFit.contain |
會按圖片的長寬比放大后居中填滿顯示空間呜投，圖片不會變形加匈，超出顯示空間部分會被剪裁。 |
BoxFit.cover |
這是圖片的默認(rèn)適應(yīng)規(guī)則仑荐，圖片會在保證圖片本身長寬比不變的情況下縮放以適應(yīng)當(dāng)前顯示空間雕拼，圖片不會變形。 |
BoxFit.fitWidth |
圖片的寬度會縮放到顯示空間的寬度粘招，高度會按比例縮放啥寇，然后居中顯示，圖片不會變形洒扎，超出顯示空間部分會被剪裁辑甜。 |
BoxFit.fitHeight |
圖片的高度會縮放到顯示空間的高度，寬度會按比例縮放袍冷，然后居中顯示磷醋，圖片不會變形，超出顯示空間部分會被剪裁胡诗。 |
BoxFit.scaleDown |
對齊目標(biāo)框內(nèi)的源（默認(rèn)情況下子檀，居中），并在必要時縮小源以確保源適合框內(nèi)乃戈。這與contains相同，如果這會縮小圖像亩进，否則它與none相同症虑。 |
BoxFit.none |
圖片沒有適應(yīng)策略，會在顯示空間內(nèi)顯示圖片归薛，如果圖片比顯示空間大谍憔，則顯示空間只會顯示圖片中間部分 |
alignment：Alignment，圖片的對齊方式
| Alignment的值 | 含義 |
|---|---|
Alignment.topLeft |
左上對齊 |
Alignment.topCenter |
上部居中對齊 |
Alignment.topRight |
右上對齊 |
Alignment.centerLeft |
中間居左對齊 |
Alignment.center |
中間對齊 |
Alignment.centerRight |
中間居右對齊 |
Alignment.bottomLeft |
左下對齊 |
Alignment.bottomCenter |
底部居中對齊 |
Alignment.bottomRight |
右下對齊 |
repeat：ImageRepeat,當(dāng)圖片本身大小小于顯示空間時主籍，指定圖片的重復(fù)規(guī)則习贫。
| ImageRepeat的值 | 含義 |
|---|---|
ImageRepeat.repeat |
在x和y軸上重復(fù)圖像，直到填充滿空間千元。 |
ImageRepeat.repeatX |
在x軸上重復(fù)圖像苫昌，直到填充滿空間。 |
ImageRepeat.repeatY |
在y軸上重復(fù)圖像幸海，直到填充滿空間祟身。 |
ImageRepeat.noRepeat |
不重復(fù) |
filterQuality：FilterQuality奥务，設(shè)置圖片的過濾質(zhì)量
| FilterQuality的值 | 含義 |
|---|---|
FilterQuality.none |
最快的過濾。 |
FilterQuality.low |
比none的過濾質(zhì)量好袜硫，但是比none的時間要長氯葬。 |
FilterQuality.medium |
比low的過濾質(zhì)量好，但是也比low的時間要長 |
FilterQuality.high |
過濾質(zhì)量最高婉陷，但也最慢 |
