flutter_mobile_carousel

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

スムーズなドラッグアンドドロップアニメーションを実現し、スクロール可能なセルをレンダリングするためのFlutterカーリングスライダー小道具です。インタラクティブで視覚的に魅力的なコンテンツ表示に最適化されており、流れるようなトランジションを伴う水平または垂直スクロールをサポートしています。画像、製品、カードなどを動的かつユーザーに優しい方法で表示するのに理想的です。パッケージは軽量であり、既存のFlutterプロジェクトへの統合が容易です。応答性のある操作を実現するためにネイティブジェスチャー処理を利用しており、直感的なスワイプベースのナビゲーションが必要なアプリに適しています。

用途

画像ギャラリーの表示
製品カルーセルの紹介
インタラクティブなオンボーディング画面の作成
カードベースのコンテンツを提示する
カバーフローインターフェースの構築

主な機能

ドラッグアンドドロップアニメーションのサポート
スムーズなスクロール遷移
カスタマイズ可能なセルレンダリング
ジェスチャー対応デザイン
軽量で簡単に統合可能

適している対象

視覚コンテンツを備えたモバイルアプリのUI
EC商品表示
オンボーディング体験
インタラクティブメディアギャラリー
スワイプベースのナビゲーションパターン

注意事項

制限されたプラットフォーム固有のカスタマイズ
組み込みのページネーションインジケーターなし
大規模なデータセットの手動処理が必要です
非常に高いフレームレートには最適化されていません
複雑なレイアウトには追加のスタイルが必要になる場合があります

元の 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

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

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール