美文网首页
Flutter-加载本地图片的技巧

Flutter-加载本地图片的技巧

作者: 阿博聊编程 | 来源:发表于2022-05-04 00:52 被阅读0次
配图来自网络,如侵必删

最近在开发一个Flutter项目的时候,需要加载项目文件夹里面的本地图片,分享一个我的采坑经验,希望对看文章的小伙伴有所帮助。

1.假设我存放本地图片的文件夹叫做images,那么我需要在pubspec.yaml文件里面声明:

flutter:
    uses-material-design: true
    
    assets:
        #加载目录下的所有文件
        - images/

这里需要注意的是,我们声明语句一定要在flutter层里面,这里层次需要注意,要不然加载本地图片的时候就报:

Flutter: Unable to load asset Image provider: AssetImage(bundle: null, name: "assets/images/xx.jpg")

2.加载本地图片的代码,参考样例:

Image(height: 90, image: AssetImage('images/logo.png'))

大概就是这样,就可以成功加载本地图片。

相关文章

  • Flutter-加载本地图片的技巧

    最近在开发一个Flutter项目的时候,需要加载项目文件夹里面的本地图片,分享一个我的采坑经验,希望对看文章的小伙...

  • React Native组件学习之Image

    Demo展示 上面是去加载网络图片,下面是加载本地图片 加载图片的几种方式 加载本地图片从项目中加载图片(一般是会...

  • 微信小程序-image(图片)

    在微信小程序中,要显示一张图片,有两种图片加载方式: 加载本地图片 加载网络图片 加载本地图片 加载网络图片 微信...

  • iOS SDWebImage 加载GIF图片没效果

    //加载本地GIF图片 //加载网络GIF图片 (SDWebImage 4.0 之前) //加载网络GIF图片(S...

  • iOS SDWebImage加载本地以及网络gif图片

    本地GIF加载 之前使用(sd_animatedGIFWithData:imageData)加载本地gif图片,升...

  • Flutter基础篇之五-添加图片

     Image控件加载图片 加载网络图片NetworkImage 加载本地图片AssetImage1.项目里创建as...

  • Glide的简单使用

    Glide加载不同位置的图片 加载git 图片 加载本地视频。(表示没试过) Glide的缓存 图片加载优先级:递...

  • flutter 图片

    加载网络图片网络图片 加载本地图片效果 实现图片圆角的几种方式 CircleAvatarCircleAvatar ...

  • UIImage的缓存(内存管理)

    两种方式加载本地图片 通过imageNamed:方法加载图片 用过这种方式加载图片,一旦图片加载到内存中,那么就不...

  • 3. Image组件

    Image Image.network(): 加载远程图片Image.asset(): 加载本地图片 显示网络图片...

网友评论

      本文标题:Flutter-加载本地图片的技巧

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