专业的编程技术博客社区

网站首页 > 博客文章 正文

Flutter CarouselView 3.24版本的一个新组件

baijin 2025-01-12 11:20:29 博客文章 19 ℃ 0 评论

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,还有调整值大小,还是没有出现预期的效果

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表