美文网首页
flutter中使用静态图片资源

flutter中使用静态图片资源

作者: zZ_d205 | 来源:发表于2020-07-27 19:18 被阅读0次

    原文:https://www.jianshu.com/p/1366f3135887

    使用本项目中的图片

    在根目录或者什么地方新建文件夹(或使用已有文件夹),然后把对应的文件路径写进yaml文件中。写法:

    // 在flutter下flutter:uses-meterial-design:true,assets:-assets///我这边把静态资源文件都放在了assets文件下, 注意最前面要有短横线。 这种形式添加一整个文件夹的所有资源文件。-...// 有多个文件夹就继续加。-assets/a.jpg// 这种方式添加单个文件到flutter的key映射表中。

    然后在里面使用图片资源文件:

    使用Image 这个widget进行资源的显示, 并用AssetImage来加载图片资源:

    Image(image: AssetImage('assets/a.jpg');

    这样子就可以显示在APP上了。

    结果图

    使用其他包里面的图片文件

    import 包。

    使用Image 这个widget进行资源的显示, 并用AssetImage来加载图片资源,这时候需要给AssetImage多提供一个package参数,另外注意路径是packageA内部的文件路径。

    Image(image:AssetImage('assets/a.jpg',package:'packageA');

    作者:CRJ997

    链接:https://www.jianshu.com/p/1366f3135887

    来源:简书

    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

          本文标题:flutter中使用静态图片资源

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