カテゴリー・パッケージ・リポジトリを検索

ducafecatFlutter エコシステムナビ
stacked_card_carousel のカバー
パッケージ詳細v0.0.4

stacked_card_carousel

スタックされたカードを使用した垂直カルーセルを作成するためのウィジェット。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
1620
いいね数
224
Pub ポイント
150

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

flutter pub add stacked_card_carousel

パッケージ概要

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

垂直のカルーセルを実装し、スタックされたカードを表示できるFlutterウィジェットです。視覚的に魅力的なコンテンツの提示に最適です。スムーズなスクロールとカードのレイヤリングをサポートしており、奥行きや間隔をカスタマイズ可能です。Android、iOS、Web、macOS、Windows、Linuxなど、すべての主要プラットフォームで互換性があります。複雑な実装なしに洗練されたインタラクティブなカードベースのインターフェースを実現したい開発者向けです。簡単なpub addコマンドで既存のFlutterプロジェクトにシームレスに統合できます。

用途

  • 画像ギャラリーの表示
  • 製品一覧の紹介
  • ユーザーのプロフィールを紹介しています
  • インタラクティブなオンボーディング画面の作成
  • カードベースのダッシュボードの構築

主な機能

  • 垂直スタックレイアウト
  • スムーズスクロールインタラクション
  • カスタマイズ可能なカードの深さと間隔
  • プラットフォームに依存しない設計
  • Flutterとの簡単な統合
  • ジェスチャーによるナビゲーションのサポート

適している対象

  • モバイルアプリのUI
  • Webアプリケーションインターフェース
  • インタラクティブプロトタイプ
  • コンテンツ豊富なアプリケーション
  • デザイン重視のFlutterプロジェクト

注意事項

  • 大規模なデータセットに対してパフォーマンス最適化が必要になる可能性があります
  • カード以外のレイアウトに対するカスタマイズが限定的
  • 水平カードフローには適していません
  • 中程度のカード数に最適
  • アニメーション状態の取り扱いに注意が必要です

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

stacked_card_carousel

A widget for creating a vertical carousel with stacked cards.

cardsStack fadeOutStack

📱 Usage

  1. Import package in your file
import 'package:stacked_card_carousel/stacked_card_carousel.dart';
  1. Use StackedCardCarousel widget
  StackedCardCarousel(
      items: cards,
  );

🎛 Attributes

Attribute Data type Description Default
items List List of card widgets. -
type StackedCardCarouselType A type of cards stack carousel. cardsStack
initialOffset double Initial vertical top offset for cards. 40.0
spaceBetweenItems double Vertical space between items. Value start from top of a first item. 400.0
applyTextScaleFactor bool If set to true scales up space and position linearly according to text scale factor. Scaling down is not included. true
pageController PageController Use it for your custom page controller. PageController()
onPageChanged void Function(int pageIndex) Listen to page index changes. null

💻 Author

Grigori Hlopkov - GitHub

カテゴリー

カルーセルまたはカバーフローカードと拡張タイル

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。