美文网首页
Flutter资源图片加载注意事项

Flutter资源图片加载注意事项

作者: Leo_L | 来源:发表于2019-07-25 13:43 被阅读0次

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

指定资源

Flutter 使用 pubspec.yaml文件,位于项目根目录, 来识别应用程序所需的资源。
官方栗子🌰:

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

详情见官网

实际运用

你可以在工程中新建存放资源的文件夹,例如:images,如图所示: 屏幕快照 2019-07-25 下午1.20.13.png

将你所需要的资源拖入该文件夹中。

敲黑板划👉重点👈

当我们在pubspec.yaml添加资源路径,打开被注释assets:,此时assets :前面会多一个空格必须使assets :uses-material-design:左边对齐,才可以正常使用资源图片,例如我在上面例子中新增加了一个images文件夹,里面有一张名为test.jpeg图片,在pubspec.yaml就可以这样写:

屏幕快照 2019-07-25 下午1.40.35.png
在代码中就可以这样使用:
@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('图片放大'),),
      body: new Center(
        child: Image.asset("images/test.jpeg",
            width: animation.value,
            height: animation.value
        ),
      ),
    );

  }

相关文章

  • Flutter资源图片加载注意事项

    Flutter 应用程序包含代码和 assets(有时称为资源)。资源是被打包到应用程序安装包中,可以在运行时访问...

  • Flutter Widget--Image 学习

    ---flutter:万物皆控件 加入图片的几种方式 Image.asset:加载资源图片,就是加载项目资源目录中...

  • flutter 本地图片资源找不到No file or vari

    flutter 图片资源找不到No file or variants found for asset:先说下加载图...

  • 开发插件如何加载flutter里面的图片(iOS篇)

    前言:开发flutter原生插件时可能需要加载图片;图片资源放在本地插件中感觉不是很好,可以放在flutter 层...

  • Flutter加载资源图片

    Flutter中加载资源图片步骤: 1.在根目录里添加资源文件: 例如,创建resource目录,里面有个imag...

  • 初探Flutter

    Flutter中的图片加载 Flutter中加载远程图片相对比较容易简单,如下: 想要在Flutter中加载本地图...

  • flutter图片加载和打包源码分析

    一、初识flutter image 在讲解源码之前,我们先看下面几个例子,回顾一下flutter加载图片资源的方式...

  • Flutter学习

    中文文档 官方简单布局 demo flutter - 加载本地图片、网络图片图片加载适配 flutter - Ex...

  • Flutter Image图片加载流程

    一、Flutter中展示图片有多种方式,根据来源分为三种: 本地加载图片资源,如 Image.asset(‘ima...

  • 2018-12-27

    flutter加载本地图片加载不出来 flutter Image 加载图片可以分为4中情况,分别为: Image....

网友评论

      本文标题:Flutter资源图片加载注意事项

      本文链接:https://www.haomeiwen.com/subject/yxkrkctx.html