一. flutter中我們想加載本地圖片纽什,需要兩步:
- 在項目中創(chuàng)建images文件夾完疫,然后在images文件夾(這個名字可以隨便命名审姓,一般我們會命名為images)下創(chuàng)建2.0x(2倍圖)和3.0x(3倍圖)兩個文件夾(ps:我們的本地資源圖片一般只需要2.0x和3.0x就可以了园担,1.0x和4.0x通常不需要),并將圖片放入對應的文件夾中(注意:圖片的名字要一樣缅糟。比如:2.0x/home.png 3.0x/home.png)
1.png
-
需要在pubspec.yaml這個配置文件中設(shè)置圖片的路徑挺智,如下格式。注意這里路徑不用加2.0x和3.0x
flutter: assets: - images/home.png
二. flutter項目中本地圖片加載的原理
在加載圖片時窗宦,系統(tǒng)自動會根據(jù)屏幕分辨率優(yōu)先選擇到符合自己分配率的文件夾(2.0x或者3.0x或者4.0x)下去取相對應的圖片赦颇,如果當前文件夾下沒有,則會到低一倍的文件夾下去迫摔,如果還沒有,則繼續(xù)向更低一倍去取泥从。(比如:iOS 5.5英寸及以上屏幕會優(yōu)先選擇去3.0x下去取圖片句占,如果3.0x不存在或者3.0x文件夾下沒有躯嫉,則去2.0x下壬春妗;如果2.0x不存在或者2.0x下沒有祈餐,則去1.0x下壤奚丁;1.0x下再沒有帆阳,則在images文件下取)哺壶。
2.png
3.png
4.png