13-flutter 加载图片

最新推荐文章于 2024-09-07 13:56:53 发布

原创最新推荐文章于 2024-09-07 13:56:53 发布 · 256 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 相关同时被 2 个专栏收录

39 篇文章

订阅专栏

flutter基础

20 篇文章

订阅专栏

本文详细介绍了Flutter中加载图片的各种方式，包括从ImageProvider、网络、本地文件和内存中获取图片，以及支持的图片类型如JPEG、PNG、GIF等。同时，文章提供了如何在pubspec.yaml中配置资产文件，以便在项目中正确加载本地图片。

Image Widget

1 flutter 加载图片的方式

new Image	从ImageProvider 中获取图像
new Image.asset	使用key 从assetBundle 获取图片
Image.network	从网络中获取图片
Image.file	从本地文件获取图片
Image.memory	用来加载Uint8List资源（字节数组）图片

2 image 支持的图片类型

JPEG PNG GIF Animated GIF 等等

3 加载图片

加载本地的图片要在pubspec.yaml 中配置好,asset的一定要在flutte 下面的一级

# The following section is specific to Flutter.
flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  assets:
      - images/flutter.png

然后再去加载使用