Flutter Carousel,将副物品放在中心卡后面

发布于 2025-01-16 20:41:28 字数 1109 浏览 1 评论 0原文

我想知道如何将轮播项目放在中心项目后面,然后当它滑动时,项目之间不会有空格,但它会留在

我有这个:

我想要这样的东西:

这是我的代码:

CarouselSlider(
            options: CarouselOptions(
              height: Sizes.width,
              enableInfiniteScroll: true,
              aspectRatio: 2.0,
              enlargeCenterPage: true,
              viewportFraction: 0.8,
              onPageChanged: (index, reason) =>
                  setState(() => currentCard = index),
            ),
            items: hardcore.map((i) {
              return Builder(builder: (BuildContext context) {
                return Container(
                    width: MediaQuery.of(context).size.width,
                    margin: EdgeInsets.symmetric(horizontal: 0),
                    child: ClipRRect(
                        borderRadius: BorderRadius.circular(20),
                        child: Image.asset(i, fit: BoxFit.cover)));
              });
            }).toList()),

I want to know how to put the carousel items behind the center item, then when it slides there will be no spaces between items but it will stay behind

I have this:

And I want somethig like this:

This is my code:

CarouselSlider(
            options: CarouselOptions(
              height: Sizes.width,
              enableInfiniteScroll: true,
              aspectRatio: 2.0,
              enlargeCenterPage: true,
              viewportFraction: 0.8,
              onPageChanged: (index, reason) =>
                  setState(() => currentCard = index),
            ),
            items: hardcore.map((i) {
              return Builder(builder: (BuildContext context) {
                return Container(
                    width: MediaQuery.of(context).size.width,
                    margin: EdgeInsets.symmetric(horizontal: 0),
                    child: ClipRRect(
                        borderRadius: BorderRadius.circular(20),
                        child: Image.asset(i, fit: BoxFit.cover)));
              });
            }).toList()),

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文