搜索插件、代码仓与 APP 分类

插件详情v1.0.3

flutter_mobile_carousel

Flutter 轮播图滑块小部件,支持拖拽并带有动画效果的单元格渲染。

近 30 天下载
30
喜欢数
24
Pub 分数
25

安装插件

flutter pub add flutter_mobile_carousel

插件介绍

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

一个 Flutter 旋转木马滑块小部件,可实现平滑的拖拽动画以渲染可滚动单元格。专为交互式、视觉上引人注目的内容展示而设计,支持水平或垂直滚动,并具有流畅的过渡效果。非常适合以动态、用户友好的方式展示图片、产品或卡片。该包轻量且易于集成到现有的 Flutter 项目中。它利用原生手势处理实现响应式交互,适用于需要直观滑动导航的应用程序。

适合场景

  • 显示图像画廊
  • 展示产品轮播
  • 创建交互式入门屏幕
  • 展示基于卡片的内容
  • 构建覆盖流界面

主要特点

  • 拖放动画支持
  • 平滑滚动过渡
  • 可自定义的单元格渲染
  • 手势响应式设计
  • 轻量且易于集成

适合对象

  • 带有视觉内容的移动应用界面
  • 电子商务产品展示
  • 入职体验
  • 互动媒体画廊
  • 基于滑动的导航模式

使用建议

  • 有限的平台特定自定义
  • 无内置分页指示器
  • 需要手动处理大型数据集
  • 未针对极高帧率进行优化
  • 可能需要额外的样式来处理复杂的布局

原始 README

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

Flutter carousel

Flutter carousel slider widget, allow render cells with Drag-and-drop animation.

Features

  • Easy to use API
  • Drag and drop without lags
  • Uniformly accelerated motion animation
  • Available customize carousel cells and background
  • Auto size cells by horizontal
  • Fix cells count
  • Motion event handling

Installation

Add flutter_mobile_carousel: ^1.0.2 in your pubspec.yaml dependencies. Import the library via:

import 'package:flutter_mobile_carousel/carousel.dart';

Run example

In repository directory run this commands in terminal:

cd example
flutter run

demo.gif

Usage

Create simple Carousel widget:

Carousel(
  rowCount: 3,
  children: [
    'Item 1',
    'Item 2',
    'Item 3',
    'Item 4',
    'Item 5',
    'Item 6',
  ].map((String itemText) {
    return DefaultCarouselItem(itemText);
  }).toList()
),

You can watch more examples in example directory

所属分类

源码仓库

使用此插件的项目

暂无相关数据。