Flutter学习笔记十六——静态图片资源的访问

项目图片的处理

如果图片是来自网络或者说是接口返回的，我们知道可以使用Image.network('')进行处理；如果图片是在我们的项目中呢？这是我们需要使用Image.asset('');
访问项目中的静态图片资源主要需要两个步骤：

• 首先，在项目下创建images文件夹，将图片复制进去；
  
  

  images.png
• 配置pubspec.yaml文件：将静态资源文件夹images在pubspec.yaml文件中声明
  
  

  pubspec.png
  
  这样就可以在代码中使用了。

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: [
              Image.asset('images/C.jpg'),
              Image.asset('images/w.gif'),
            ],
          ))),
    );
  }
}

效果如图：