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'),
    );
  }
}

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

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

以上关于P20. Flutter 静态资源和项目图片的处理的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。