项目图片的处理
如果图片是来自网络或者说是接口返回的,我们知道可以使用Image.network('')
进行处理;如果图片是在我们的项目中呢?这是我们需要使用Image.asset('')
;
访问项目中的静态图片资源主要需要两个步骤:
- 首先,在项目下创建
images
文件夹,将图片复制进去;
- 配置
pubspec.yaml
文件:将静态资源文件夹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('静态图片资源'),
),
body: Container(
child: Column(
children: <Widget>[
Image.asset('images/C.jpg'),
Image.asset('images/w.gif'),
],
))),
);
}
}
效果如图: