Flutter入门基础（四）-imageview

2019-02-20 本文已影响4人洲洲哥

在根目录上，新建一个你喜欢的文件夹来存放你的资源文件

image文件夹

Image.network("https://img.haomeiwen.com/i1416781/87057fd7a00f66ba.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/344",width:800,height: 100);

1：首先把图片放到images文件夹中
2：在pubspec.yaml中配置图片地址(打开对应注释即可)

flutter:
  uses-material-design: true
  assets:
    - images/aaa.png

3：加载网络图片

new Image.network("https://img.haomeiwen.com/i1416781/87057fd7a00f66ba.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/344",width:800,height: 100);

4：加载本地资源文件
4.1 方法一,可设置宽和高

new Image.asset('images/aaa.png',width: 50.0,height: 50.0);

4.2 方法二，直接显示图片的大小

return new Image(
                image: new AssetImage('images/aaa.png',),
              );