flutter加载图片几种方式

52次阅读

共计 406 个字符,预计需要花费 2 分钟才能阅读完成。

加载本地图片

1. 在项目根目录下创建名为 assets 的文件夹
2. 将装有本地图片的自定义文件夹(假设取名为 images)放在 assets 文件夹的目录下
3. 配置 pubspec.yaml 文件,如下:

  flutter:
  uses-material-design: true
  assets:
  - assets/images/ // 切记 切记 切记 assets 和 - 之间有个空格 

4. 配置 pubspec.yaml 文件之后在命令行执行 flutter pub get 或者 点击 pubspec.yaml 文件上方的 Packages get 按钮,用来生效 pubspec.yaml 文件
5. 在项目中使用本地图片, 如下两种方式:

1.Image(image: AssetImage('assets/images/***.jpg’)
2.Image.asset('assets/images/***.jpeg’)

加载网络图片

Image.network('https://...')

正文完
 0