这里主要介绍项目中资源图片的使用.......
知识点:
一、pubspec.yaml 文件
如果想配置项目资源文件,就需要使用pubspec.yaml
文件,需要把资源文件在这里声明。
比如在项目根目录下新建了一个images
文件夹,文件夹下面放了一个图片,图片的名称叫做blogtouxiang.jpg
,那我们在pubspec.yaml
文件里就要写如下代码进行声明。注意:assets不要顶格写,重要的事只说一遍!
assets:
- images/blogtouxiang.jpg
二、使用项目图片资源
有了声明后,我们就可以直接在项目中引用这个文件了。这里使用最简单的代码结构,只用了一张图片。代码如下:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: Image.asset('images/vs.jpg'),//加载项目资源图片
);
}
}
三、效果图
四、Flutter客户端打包