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,
),
目录
相关文章
|
2月前
|
Shell Android开发 Python
Flutter如何正确使用图片资源
Flutter如何正确使用图片资源
19 0
|
2月前
|
安全 Android开发
Flutter自定义之旋转木马
本文详细介绍了如何在Flutter中实现子控件按照圆形顺序排列并平分角度,以及如何通过旋转、手势滑动和Stack组件实现3D效果,包括子控件的自动旋转、快速滑动手势响应和前后布局遮挡。
31 0
|
2月前
Flutter-自定义图片3D画廊
Flutter-自定义图片3D画廊
61 0
|
3月前
|
iOS开发 容器
Flutter 进度条
Flutter 进度条
24 0
Flutter的ClipRRect控件介绍
ClipRRect(Rounded Rectangle Clip)是Flutter中的一个控件,用于将其子控件剪裁为圆角矩形形状。
|
开发者 容器
Flutter常用的几种动画
Flutter 的动画系统可以帮助开发者创建流畅、生动的用户界面。下面是一些关于 Flutter 动画的详细介绍和示例代码。
Flutter常用的几种动画
|
开发工具 UED 开发者
Flutter | 动画(下)
Flutter | 动画(下)
Flutter | 动画(下)
|
XML 存储 Android开发
Flutter | 动画(上)
Flutter | 动画(上)
Flutter | 动画(上)