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

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

wave_transition

素晴らしい波の遷移を作成するのに役立つFlutterパッケージ。

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

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

flutter pub add wave_transition

パッケージ概要

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

スムーズで視覚的に魅力的な画面またはウィジェット間の波状遷移を作成するためのFlutterパッケージです。最小限のコードで流れるようなアニメーション波効果を実装でき、動的な視覚フィードバックを通じてユーザー体験を向上させます。現代的なアプリインターフェースで注目される魅力的なアニメーションを重視する場合に最適です。このパッケージはAndroid、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームをサポートしており、デバイス間で一貫した動作を保証します。

用途

  • アニメーション画面遷移の作成
  • ウェーブ効果によるUIナビゲーションの向上
  • ボタンタップにビジュアルな魅力を加える
  • 波アニメーション付きのスプラッシュ画面のデザイン
  • インタラクティブなウィジェットの遷移を実装する

主な機能

  • スムーズな波紋アニメーション効果
  • クロスプラットフォーム互換性
  • シンプルな API インテグレーション
  • カスタマイズ可能な波形パラメータ
  • 軽量でパフォーマンスに優れる
  • 前向きおよび逆方向の遷移をサポートしています

適している対象

  • ダイナミックなアニメーションを求めるUI/UXデザイナー
  • 現代のFlutterアプリを開発する開発者
  • 魅力的なオンボーディング体験を必要とするアプリ
  • ビジュアルストーリーテリングに焦点を当てるプロジェクト
  • 洗練された、プロフェッショナルなインターフェースを目指すチーム

注意事項

  • 低性能デバイスでのパフォーマンスに影響を与える可能性があります
  • 最適な視覚効果を得るためには注意深く調整が必要です
  • 波の形状と速度以外のカスタマイズは限定的
  • 非常に複雑な遷移論理には適していません
  • 視覚的な混雑を避けるために控えめに使用することをお勧めします

元の README

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

wave_transition

The package will provide smooth wave transitions between pages without having to write any boilerplate code.

example

Getting Started

[Example] (https://github.com/sonykurian96/wave_transition/blob/master/example/lib/main.dart)

To use this package : *add the dependency to your [pubspec.yaml] file

   dependencies:
     flutter:
       sdk: flutter
     wave_transition:

use case

   onPressed: () {
     Navigator.push(
       context,
       WaveTransition(
        child: SecondScreen(),
        center: FractionalOffset(0.90, 0.90)
        duration: Duration(milliseconds: 3000) // optional
      )
   );
 },

You can pass arguments using RouteSettings ->

    settings: RouteSettings(
      arguments: "yeah! it works!"
    )

カテゴリー

アニメーションとトランジション

ソースリポジトリ

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

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