flutter移動開發怎麼加載本地圖片,首先在該項目根目錄也就是和ios,android同級創建一個images文件夾用來存放圖片資源,
然後放入需要加載的圖片資源例如ic_phone.png,然後在項目目錄下找到pubspec.yaml文件打開,聲明圖片:
這樣就可以在代碼中使用 了
Image.asset('images/ic_qq.png')
如何加載不同分辨率的圖呢,例如android中的hdpi,xhdpi,xxhdpi和ios中的1x,2x,3x。只需要在images文件夾中在創建兩個2.0x,3.0x文件夾用來存放2x,3x的圖片資源:
然後在pubspec.yaml中聲明
assets:
- images/ic_qq.png
- images/2.0x/ic_qq.png
- images/3.0x/ic_qq.png
這樣在加載圖片的時候不用去管2x,3x,flutter自己會去選擇加載
Image.asset('images/ic_qq.png')
那麼,圖片資源很多的時候不想每張圖片都去聲明呢,這時候可以只需要聲明文件夾,這樣就會把文件夾裏面所有資源識別到,就像這樣:
assets:
- images/
- images/2.0x/
- images/3.0x/
歡迎各位同學一起學習flutter,羣號:187670882