在轮播滑块颤动中显示两个项目

Question

同时有两个项目

现在我正在将虚拟数据传递给轮播项目。

我的目标是在滑块中同时显示两个项目......

但正如您所知，地图方法一次遍历列表中的一项......

现在我用 Row Widget 将轮播项目除以 2...

还有其他方法可以实现吗？

类似增量的东西在循环中一次增加2...

import 'package:flutter/material.dart';
import 'package:carousel_slider/carousel_slider.dart';

var reports = [
  {
    'title': '1',
    'content': '1'
  },
  {
    'title': '2',
    'content': '2'
  },
  {
    'title': '3',
    'content': '3'
  },
  {
    'title': '4',
    'content': '4'
  },
];

Widget buildReport() {
  return CarouselSlider(
    options: CarouselOptions(
      height: 250.0,
    ),
    items: reports
        .asMap()
        .map(
          (i, report) {
            return MapEntry(
              i,
              Builder(
                builder: (BuildContext context) {
                  return Container(
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      children: [
                        Card(
                          child: Container(
                            child: Column(
                              children: [
                                Text(
                                  '${report['title']}',
                                ),
                                Text(
                                  '${report['content']}',
                                ),
                              ],
                            ),
                          ),
                        ),//i wish these two cards have different data.
                        Card(
                          child: Container(
                            child: Column(
                              children: [
                                Text(
                                  '${report['title']}',
                                ),
                                Text(
                                  '${report['content']}',
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  );
                },
              ),
            );
          },
        )
        .values
        .toList(),
  );
}

我想过（for循环），但我不知道如何在这段代码中做到这一点......

Answer 1

尝试：viewportFraction：0.5，容器占据屏幕的50％

options: CarouselOptions(
      height: 250.0,
      viewportFraction: 0.5,
    ),