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

curved_carousel のカバー
パッケージ詳細v0.0.8

curved_carousel

カーブドカルーセルは、水平方向および垂直方向に曲線状にウィジェットのリストを表示します。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
122
いいね数
67
Pub ポイント
150

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

flutter pub add curved_carousel

パッケージ概要

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

Curved Carousel は、水平および垂直の両方の方向をサポートする、カーブした視覚的に魅力的なレイアウトでウィジェットのリストを表示するための Flutter パッケージです。カバー・フロー効果に似たダイナミックで流れのある方法でコンテンツを提示することで、ユーザー体験を向上させます。画像、カード、またはその他のUI要素をモダンな美学で紹介するのに最適です。このパッケージは、Android、iOS、Web、macOS、Windows、Linux を含むすべての主要プラットフォームと互換性があり、クロスプラットフォームアプリケーションに非常に柔軟です。Flutter のウィジェットシステムとシームレスに統合され、pub add を通じて最小限のセットアップで使用できます。

用途

  • eコマースアプリで製品画像を紹介する
  • メディアギャラリーでおすすめコンテンツを表示する
  • 視覚的な奥行きを持つインタラクティブスライダーの作成
  • 動的レイアウトでオンボーディング画面を強化
  • 独自のフォーマットでポートフォリオやコレクションを提示する

主な機能

  • 水平および垂直カーブレイアウトをサポート
  • スムーズなアニメーションと応答性のあるインタラクション
  • クロスプラットフォーム互換性
  • Flutterのウィジェットシステムとの簡単な統合
  • カスタマイズ可能な曲率半径と間隔
  • ナビゲーション用の組み込みジェスチャー対応

適している対象

  • 現代的なカルーセルデザインを探している開発者
  • 視覚的に魅力的なコンテンツの提示を必要とするアプリ
  • インタラクティブなユーザーインターフェースを目指すプロジェクト
  • 豊富なメディアを備えたデザイン重視のアプリケーション
  • クロスプラットフォームモバイルおよびウェブアプリ

注意事項

  • 大規模なデータセットではパフォーマンスに影響を与える可能性があります
  • 最適な見た目を得るためには、カーブパラメータの微調整が必要です
  • 基本的なスタイリングを超えるカスタマイズオプションが限られている
  • 単純な線形リストには適していない
  • 中程度のコンテンツコレクションに最適

元の README

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

Curved Carousel

curved_carousel version MIT License MIT License

A Flutter package for easy implementation of curved carousel.

Easy to use
CurvedCarousel(
      itemBuilder: (context, i) {
        return Item(img: listItem[i].img, selectionChange: (bool){
          print('onTap:: ${listItem[i].name}')
        }, selected: listItem[i].selected,key: ValueKey(listItem[i].selected),);
      },
      itemCount: listItem.length,
      middleItemScaleRatio: 1.5,
)
Attributes

itemBuilder : builder function returns widget of given index
itemCount : total widgets
viewPortSize : how much size a single item will have, the fractional value lies between 0 and 1, 1 means full size
curveScale : it specifies curviness
disableInfiniteScrolling : by default, infinite scrolling is enable, but if you want to disable it make it true
scaleMiddleItem : scales middle item of carousel, by default it is true
middleItemScaleRatio : it is scaling parameter for middle item
tiltItemWithcurve : does the items angle need to be follow to curve, by default this is true
horizontalPadding : a padding to apply horizontally to the carousel, the default is no padding
animationDuration : a duration of the item change animation in milliseconds, the default value is 300
onChangeEnd : a function to trigger when the item change animation is done
onChangeStart : a function to trigger when the item change animation is start
moveAutomatically : allow to change the current selected item automatically, default is set to false.
automaticMoveDelay : the delay between automatic movements, default is 5000
reverseAutomaticMovement : reverse the direction of the automatic movement, default is false

カテゴリー

ソースリポジトリ

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

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