zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

Flutter加载图片

flutter 图片 加载
2023-09-27 14:27:34 时间

1、加载本地图片

1.1、创建images目录

在工程根目录下创建一个images目录,并将图片 avatar.png 拷贝到该目录。

1.2、配置图片路径

在flutter项目下的pubspec.yaml中添加图片路径信息:

  assets:
    - images/avatar.png
    - images/login/    //注意如果是文件夹必须以/结尾

注意: assets前面有两个空格,yaml必须严格按照语法每一层两个空格的方式进行缩进

1.3、加载图片
Image(
   image: AssetImage("images/avatar.png"),
   width: 60.0
);

Widget avatar = Image.asset(
      "images/avatar.png",
      width: 60.0);

2、加载网络图片

Image(
  image: NetworkImage(
      "https://uploadfile.huiyi8.com/2013/0816/20130816031331766.jpg"),
       width: 60.0,
)

Image.network(
  "https://uploadfile.huiyi8.com/2013/0816/20130816031331766.jpg",
  width: 60.0,
)