插件详情v1.0.3

flutter_multi_carousel

一个简单的轮播图包，支持多种类型和配置。

近 30 天下载: 53
喜欢数: 30
Pub 分数: 25

安装插件

flutter pub add flutter_multi_carousel

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个功能多样的 Flutter 包，用于创建多种类型的轮播图，并支持自定义配置。它支持各种轮播图样式，包括标准、封面流和交互式布局，可实现流畅滚动和响应式设计。非常适合以视觉吸引人的方式展示图片、产品或内容。该包轻量且易于集成，通过可配置的动画、指示器和滑动手势提供灵活性。专为寻求动态、可重用轮播组件而无需复杂设置的开发者设计。

适合场景

显示图像画廊
展示产品列表
创建交互式内容滑块
构建入门屏幕
在应用中展示精选项目
通过视觉过渡增强用户参与度

主要特点

多种幻灯片类型（标准、封面流）
可自定义的动画和过渡效果
内置分页指示器
滑动手势支持
响应式布局处理
轻松集成，配置最少

适合对象

移动应用开发者
UI/UX 设计师
电子商务应用
内容丰富的应用程序
交互式原型
需要动态内容显示的应用程序

使用建议

有限的平台特定自定义
无内置自动播放控制
需要手动处理大型数据集
可能需要额外的样式来处理复杂的布局
未针对高性能场景进行优化
依赖外部仓库进行更新

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Flutter_Carosel

A simple Carousel Widget with multiple configuration option.

...
dependencies:
 ...
 flutter_multi_carousel: ^1.0.0
...

And install it using flutter packages get on your project folder. After that, just import the module and use it:

import 'package:flutter/material.dart';
import 'package:flutter_multi_carousel/carousel.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Carousel Demo',
      home: CarouselExample(),
    );
  }
}

class CarouselExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Carousel(
            height: 350.0,
            width: 350,
            initialPage: 3,
            allowWrap: false,
            type: Types.slideSwiper,
            onCarouselTap: (i) {
              print("onTap $i");
            },
            indicatorType: IndicatorTypes.bar,
            arrowColor: Colors.black,
            axis: Axis.horizontal,
            showArrow: true,
            children: List.generate(
                7,
                (i) => Center(
                      child:
                          Container(color: Colors.red.withOpacity((i + 1) / 7)),
                    ))),
      ),
    );
  }
}

For detailed demonstration refer this GitHub link

https://github.com/jaiswalshubham84/Flutter-Carousel

Getting Startedslide

Properties	Type	Default Value	Description
height	Double	null	Defines height of carousel.This field is required
width	Double	null	Defines width of carousel. This field is required
axis	Axis	Axis.horizontal	Defines axis of carousel.
type	Types	"simple"	Defines type of carousel. for ex: Types.simple, Types.slideSwiper, Types.xRotating, Types.yRotating, Types.zRotating, Types.multiRotating
onCarouselTap	Function	null	A callback function
arrowColor	Color	Colors.white	Define the color of arrow
arrowColor	Color	Colors.white	Define the color of arrow
showIndicator	Bool	true	Choice to show indicator in carousel
indicatorType	IndicatorTypes	bar	Defines the type of indicator. For ex: IndicatorTypes.bar, IndicatorTypes.dot, IndicatorTypes.bubble
initialPage	int	0	Start your carousel with custom initial page number
activeIndicatorColor	Color	Colors.white	Defines the color of active indicator
unActiveIndicatorColor	Color	Colors.black	Defines the color of unactive indicator
indicatorBackgroundColor	Color	Color(0xff121212)	Defines the background color of indicator
indicatorBackgroundOpacity	Double	0.5	Defines the opacity of indicator background
allowWrap	bool	true	Defines if the carousel should wrap once you reach the end or if your at the begining and go left if it should take you to the end