flutter图片识别_Flutter 小技巧——本地图片

关于Flutter本图片的引用

在我们写代码的时候，大概率的都会使用到图片，那么如何在代码中引用图片呢？

Flutter应用程序可以包含代码和 assets(有时称为资源)。asset是打包到程序安装包中的，可在运行时访问。常见类型的asset包括静态数据(例如JSON文件)，配置文件，图标和图片(JPEG，WebP，GIF，动画WebP / GIF，PNG，BMP和WBMP)。

直接操作，第一步：

在根目录下新建一个用来存放图片的文件夹 “images” ,将你要导入的图片粘贴到此文件夹里。

image

第二步：

然后，我们需要找到文根件目录中的 pubspec.yaml 文件。

image

打开文件后我们可以看到如下文字：“添加资源到你的应用里，添加的资源部分像这样”

# To add assets to your application, add an assets section, like this:

# assets:

# - images/a_dot_burr.jpeg

# - images/a_dot_ham.jpeg

我们照着它的示例在 pubspec.yaml 文件里添加 assets 标识：(注意！！！这里的格式必须要正确，否则将读不到资源文件)

正确写法：

flutter:

uses-material-design: true

assets:

- images/

# To add assets to your application, add an assets section, like this:

# assets:

# - images/a_dot_burr.jpeg

# - images/a_dot_ham.jpeg

错误写法：

flutter:

uses-material-design: true

assets:

- images/

第三步：

在 pubspec.yaml 文件的界面上点击 Pub get

image.png

如果没有错误程序将返回：

image.png

第四步：

在代码里引用我们的图片rt:

Container(

child: Image.asset("images/nyy.png"),

),

运行程序后，大功告成！！！

image.png