flutter图片显示

简介: flutter图片显示

图片显示


本地图片显示

首先项目根目录下创建一个用于放置图片的文件夹,将要显示的图片放进去,如下图:

image.png

然后在项目根目录的pubspec.yaml文件中的assets下添加图片路径,如下图:

image.png

在需要显示图片的地方使用Image.asset()进行加载显示,fit为图片显示模式,cover为覆盖模式

更多请参考在Flutter中添加资源和图片或者直接查看Image源码

new Image.asset(
    'images/login/login.png',
    fit: BoxFit.cover,
),

网络图片显示

直接使用Image.network()进行加载显示,其余参数基本与Image.asset()相同

new Image.network(
    'https://img.ivsky.com/img/tupian/slides/202004/13/tielu_guidao-008.jpg',
    fit: BoxFit.cover,
),
目录
相关文章
|
4月前
|
Shell Android开发 Python
Flutter如何正确使用图片资源
Flutter如何正确使用图片资源
73 0
|
4月前
Flutter-加载中动画
Flutter-加载中动画
42 0
|
5月前
|
iOS开发 容器
Flutter 进度条
Flutter 进度条
42 0
flutter中使用图标
本文介绍 flutter中使用图标(含自定义图标图)
572 0
flutter中使用图标
|
开发者 容器
Flutter常用的几种动画
Flutter 的动画系统可以帮助开发者创建流畅、生动的用户界面。下面是一些关于 Flutter 动画的详细介绍和示例代码。
Flutter常用的几种动画
flutter系列之:做一个下载按钮的动画
我们在app的开发过程中经常会用到一些表示进度类的动画效果,比如一个下载按钮,我们希望按钮能够动态显示下载的进度,这样可以给用户一些直观的印象,那么在flutter中一个下载按钮的动画应该如何制作呢? 一起来看看吧。
|
开发工具 UED 开发者
Flutter | 动画(下)
Flutter | 动画(下)
Flutter | 动画(下)
|
XML 存储 Android开发
Flutter | 动画(上)
Flutter | 动画(上)
Flutter | 动画(上)
【剪裁 widget】Flutter ClipOval 与 Flutter ClipRRect
【剪裁 widget】Flutter ClipOval 与 Flutter ClipRRect
251 0
【剪裁 widget】Flutter ClipOval 与 Flutter ClipRRect