美文网首页Flutter学习
Flutter入门基础(四)-imageview

Flutter入门基础(四)-imageview

作者: 洲洲哥 | 来源:发表于2019-02-20 11:24 被阅读4次

    1:新建文件夹

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


    image文件夹

    2:加载网络图片

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

    3:加载本地资源文

    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',),
                  );
    

    Flutter入门基础(一)-Label
    Flutter入门基础(二)-Button
    Flutter入门基础(三)-TextFile登录页
    Flutter入门基础(四)-imageview

    相关文章

      网友评论

        本文标题:Flutter入门基础(四)-imageview

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