Flutter

Question

我正在尝试启用自动滚动到卡片。它应该垂直滚动。我希望自动滚动在没有任何用户操作的情况下工作。并在 5 秒后自动滚动。

这是我要滚动的代码的一部分：

 Container(
          width: 3000,
          child: Padding(
            padding: const EdgeInsets.all(10.0),
            child: CarouselSlider(
              options: CarouselOptions(height: 150.0),
              items: [1, 2, 3, 4, 5].map((i) {
                return Builder(
                  builder: (BuildContext context) {
                    return Container(
                      width: MediaQuery.of(context).size.width,
                      margin: EdgeInsets.symmetric(horizontal: 5.0),
                      decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(30),
                          color: greenHex),
                      child: Row(
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(
                                top: 0, right: 10, left: 0, bottom: 8),
                            
                          ),
                        ],
                      ),
                    );
                  },
                );
              }).toList(),
            ),
          ),
        ),

有人可以帮我吗？

Answer 1

试试下面的代码希望对你有帮助。参考文档 here 尝试设置自动播放 true

options: CarouselOptions(
      autoPlay: true,
    ),

Answer 2

您需要在 Carousel Slider Options 中启用自动播放并设置 autoPlayInterval。

示例：

        CarouselSlider.builder(
          options: CarouselOptions(
            .
            .
            .
            autoPlay: true,
            autoPlayInterval: const Duration(seconds: 4),
            enableInfiniteScroll: true,
          ),
        ),

Flutter - 自动滚动到 CaroidrlSlider

Flutter - Autoscroll to a CaroidrlSlider

scroll

autoscroll

vertical-scrolling

dart