iOS-Flutter入门基础(四)-imageview

热门标签

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

1:新建文件夹

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

iOS-Flutter入门基础(四)-imageview

2:加载网络图片

Image.network("https://upload-images.jianshu.io/upload_images/1416781-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://upload-images.jianshu.io/upload_images/1416781-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配置for Mac -- VSCode
Flutter入门基础(一)-Label
Flutter入门基础(二)-Button
Flutter入门基础(三)-TextFile登录页
Flutter入门基础(四)-imageview
Flutter入门基础(五)-UITableView
Flutter入门基础(六)-UITableView(二)添加headerView
Flutter入门基础(七)-路由
Flutter入门基础(八)-push页面跳转
Flutter入门基础(九)- 搭建tabbar

Flutter入门基础(十)- 图解修改应用名称及图标

标签:

未经允许不得转载:作者:SheaYang, 转载或复制请以 超链接形式 并注明出处 技术Dog|博客
原文地址:《iOS-Flutter入门基础(四)-imageview》 发布于2019-09-26

分享到:
赞(0) 打赏

评论 抢沙发

3 + 1 =


iOS-Flutter入门基础(四)-imageview

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?