Flutter最新配置本地资源文件详解，报错看这篇文章就对了！

前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下"通俗易懂，风趣幽默"，感觉非常有意思,忍不住分享一下给大家。
👉点击跳转到教程

Flutter中配置对应的资源图片等本地资源，需要在pubspec.yaml文件中进行相应的依赖配置。

1、在pubspec.yaml文件中配置下面这段内容

  assets:
    - assets/my_icon.png
1
2

说明下面可能会出错的地方

1、配置的位置不对，如下图所示

这个不是另加的，在大概60多行的位置已经有给出的模版，把注释放开。

放开后还需要微调一下，原有的是images文件下，存放图片资源，也可以自己新建文件夹，这里我用的是assets文件夹，这里面存放本地资源图片。

这个时候点击Pub get

依然会报错，报错截图如下：

解决方法，如图所示

这样便可以在代码中加载图片资源了

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ImageRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // return Image.asset("assets/my_icon.png");
    return Scaffold(
      appBar: AppBar(
        title: Text("load image"),
      ),
      body: Image.asset("assets/my_icon.png")
    );
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15