轮播动画随照片颤动

时间:2020-08-02 08:14:06

标签: flutter

我想对照片进行轮播动画,该照片本身会开始播放,无需触摸即可移动照片(幻灯片),而照片则向右移动。我正在使用的应用程序非常混乱。

1 个答案:

答案 0 :(得分:0)

您可以使用carousel_slider flutter软件包来实现此目的。您可以参考GitHub以获得文档。

简而言之,

将carousel_slider:^ 2.2.1添加到您的pubspec.yaml

import 'package:carousel_slider/carousel_slider.dart';

只需创建一个CarouselSlider小部件,然后传递所需的参数:

pass autoPlay option as true on CarouselOptions()
CarouselSlider(
  options: CarouselOptions(
            height: 400.0,
            enableInfiniteScroll: true,
            autoPlay: true
  ),
  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(
            color: Colors.amber
          ),
          child: Text('text $i', style: TextStyle(fontSize: 16.0),)
        );
      },
    );
  }).toList(),
)