网站首页 > 博客文章 正文
Flutter 3.24带来了几个令人兴奋的新功能,其中最引人注目的是CarouselView小部件。
这个小部件允许开发人员创建可滚动的、动态的项目列表,这些列表可以在进入和退出视图时调整大小,这对于图像库或产品展示等具有视觉吸引力的内容来说是完美的。
1、CarouselView 的说明
CarouselView小部件旨在创建一个动态的、可滚动的项目列表,其中第一个和最后一个元素在进入和退出视窗时动态地调整大小。
创建一个依赖于 Flutter 3.24.3 的Flutter项目:
2 CarouselView 的应用
ConstrainedBox buildConstrainedBox() {
return ConstrainedBox(
//限定高度
constraints: const BoxConstraints(maxHeight: 200),
child: CarouselView(
//每一个Item的宽度
itemExtent: 330,
padding: const EdgeInsets.all(10.0),
children: List.generate(
images.length,
(index) => Image.network(
"${images[index]}",
fit: BoxFit.cover,
),
),
),
);
}
运行效果就是一个 连廊轮播
官方的Demo效果是
但是目前无论怎么配置参数shrinkExtent,还有调整值大小,还是没有出现预期的效果
猜你喜欢
- 2025-01-12 探索设计稿自动生成Flutter代码的技术方案
- 2025-01-12 基于flutter3.x跨端仿抖音app实战|flutter-douyin短视频直播
- 2025-01-12 基于 Flutter 3.x 仿抖音跨平台混合开发
- 2025-01-12 怎样写好Flutter代码
- 2025-01-12 分享 7 个有用的 Flutter 库,让你的开发生活更轻松
- 2025-01-12 Flutter真香,我用它写了个桌面版JSON解析工具
- 2025-01-12 Flutter和Flet的联系与区别
- 2025-01-12 flutter集成 百度地图 ^2.0.1版本 | 绕坑必备
- 2025-01-12 Flutter 到底香不香?看完这几个开源项目再做决定
- 2025-01-12 Flutter 2 的Windows 开发试验
你 发表评论:
欢迎- 366℃用AI Agent治理微服务的复杂性问题|QCon
- 358℃初次使用IntelliJ IDEA新建Maven项目
- 353℃手把手教程「JavaWeb」优雅的SpringMvc+Mybatis整合之路
- 351℃Maven技术方案最全手册(mavena)
- 348℃安利Touch Bar 专属应用,让闲置的Touch Bar活跃起来!
- 346℃InfoQ 2024 年趋势报告:架构篇(infoq+2024+年趋势报告:架构篇分析)
- 344℃IntelliJ IDEA 2018版本和2022版本创建 Maven 项目对比
- 342℃从头搭建 IntelliJ IDEA 环境(intellij idea建包)
- 最近发表
- 标签列表
-
- powershellfor (55)
- messagesource (56)
- aspose.pdf破解版 (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- vue数组concat (56)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)