P20. Flutter 静态资源和项目图片的处理

我们讲图片组件的时候，多使用了网络图片进行讲解，所以造成了小伙伴不会使用项目资源图片，本文就为大家讲解如何使用项目资源图片。

pubspec.yaml 文件

如果想配置项目资源文件，就需要使用pubspec.yaml文件，需要把资源文件在这里声明。

比如在项目根目录下新建了一个images文件夹，文件夹下面放了一个图片，图片的名称叫做logo_light.jpg，那我们在pubspec.yaml文件里就要写如下代码进行声明。

assets:
    - images/logo_light.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/logo_light.jpg'),
    );
  }
}

这时候已经在项目中引入成功了，可以预览看一下效果。

当然样子很丑，这里主要是学知识，就不做过多的修饰了。