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

パッケージ詳細v0.1.2

sliding_card

スライディングカードは、スライドアニメーション効果を持つアニメーションカードを作成するのに役立つ、非常にカスタマイズ可能なFlutterパッケージです。

30日間ダウンロード
31
いいね数
176
Pub ポイント
30

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

flutter pub add sliding_card

パッケージ概要

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

スライディングカードは、滑らかなスライド遷移を備えたアニメーションカードを作成するために設計されたカスタマイズ可能なFlutterパッケージです。開発者がユーザーのジェスチャーに応じて動的に反応するインタラクティブなUI要素を構築できるようにし、モバイルアプリの視覚的魅力を高めます。カスタムアニメーションとスタイルのサポートにより、オンボーディング画面やプロダクトショーケース、インタラクティブリストなど、スワイプ可能なカードインターフェースの実装に最適です。このパッケージは軽量で、既存のFlutterプロジェクトにスムーズに統合できます。

用途

  • オンボーディング画面
  • 製品カルーセル
  • インタラクティブなリスト項目
  • スワイプ可能なコンテンツカード
  • ジェスチャー駆動型UI

主な機能

  • カスタマイズ可能なスライドアニメーション
  • ジェスチャー操作のサポート
  • 高度にカスタマイズ可能なカードスタイル
  • スムーズなトランジション効果
  • Flutter との簡単な統合

適している対象

  • インタラクティブなUIを構築する開発者
  • 動的なカードコンポーネントを求めるデザイナー
  • スワイプベースのナビゲーションを必要とするアプリ
  • ジェスチャー中心のインターフェースのプロトタイピング
  • 視覚フィードバックを重視するプロジェクト

注意事項

  • 制限されたプラットフォーム固有の最適化
  • 組み込みのアクセシビリティ機能なし
  • エッジケースの手動処理が必要です
  • 追加の状態管理が必要になる可能性があります
  • 複雑なネストされたレイアウトには最適化されていません

元の README

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

Sliding Card

Introduction

Sliding card is a highly customizable flutter package that will help you create beautiful Cards with a sliding animation effect.

Before we start

Before you start here are some relevant link that you might want to have a look

Quick start

To use the application just import the package

import 'package:sliding_card/sliding_card.dart';

Then inside your code, add the SlidingCard widget.

SlidingCard(
        slimeCardElevation: 0.5,
        cardsGap: SizeConfig.safeBlockVertical,
        //The controller is necessary to animate the opening and closing of the card
        controller: widget.slidingCardController,
        slidingCardWidth: SizeConfig.horizontalBloc * 90,
        visibleCardHeight: SizeConfig.safeBlockVertical * 27,
        //the card behind the front card can't have a higher
        // hight than the front one  
        hiddenCardHeight: SizeConfig.safeBlockVertical * 15,
        //Configure your front card here
        frontCardWidget: TheFrontCard(),
        //configure your rear card here 
        backCardWidget:TheBackCard(),
      ),

Conclusion

Thank you for using my package, If you did find any bug please feel free to report it or make a pull request. If you want to contact me directly, please DM me directly on My instagram account, or you can mail me directly. For my other packages you can visit my website at emilecode.com

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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