項目圖片的處理
如果圖片是來自網(wǎng)絡(luò)或者說是接口返回的缔莲,我們知道可以使用Image.network('')
進行處理;如果圖片是在我們的項目中呢?這是我們需要使用Image.asset('')
;
訪問項目中的靜態(tài)圖片資源主要需要兩個步驟:
- 首先劫灶,在項目下創(chuàng)建
images
文件夾,將圖片復(fù)制進去掖桦;
- 配置
pubspec.yaml
文件:將靜態(tài)資源文件夾images
在pubspec.yaml
文件中聲明
這樣就可以在代碼中使用了本昏。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'image.assets',
home: Scaffold(
appBar: AppBar(
title: Text('靜態(tài)圖片資源'),
),
body: Container(
child: Column(
children: <Widget>[
Image.asset('images/C.jpg'),
Image.asset('images/w.gif'),
],
))),
);
}
}
效果如圖: