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

GitHub リポジトリCreativity-AI-Studio/flutter_animated_dialog

flutter_animated_dialog

スライド、フェード、回転、サイズスケール、3D回転アニメーションを含む美しいアニメーションシリーズを持つ新しいFlutterダイアログ。

flutter_animated_dialog のプロジェクト画像
スター
23
フォーク
51
最終プッシュ(UTC)
2024/08/18
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

flutter_animated_dialog

A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier include status bar at the top of screen, solved the problem of default dialog.

demo

Getting Started

dependencies:
  flutter_animated_dialog: ^1.2.0
import 'package:flutter_animated_dialog/flutter_animated_dialog.dart';
showAnimatedDialog(
  context: context,
  barrierDismissible: true,
  builder: (BuildContext context) {
    return ClassicGeneralDialogWidget(
      titleText: 'Title',
      contentText: 'content',
      onPositiveClick: () {
        Navigator.of(context).pop();
      },
      onNegativeClick: () {
        Navigator.of(context).pop();
      },
    );
  },
  animationType: DialogTransitionType.size,
  curve: Curves.fastOutSlowIn,
  duration: Duration(seconds: 1),
);

🚀 Roadmap


default

fade

slideFromTop

slideFromBottom

slideFromBottomFade

slideFromLeft

slideFromLeftFade

slideFromRight

slideFromRightFade

scale

fadeScale

scaleRotate

rotate

rotate3D

size

sizeFade

generalDialog

listSingleSelect

listDialog

listMultipleSelect

customDialog
showAnimatedDialog param
property description
context BuildContext (Not Null)(required)
barrierDismissible bool (default false)
builder WidgetBuilder (Not Null)(required)
animationType DialogTransitionType (default DialogTransitionType.fade)
curve Curve (default Curves.linear)
duration Duration (default const Duration(milliseconds: 400))
alignment AlignmentGeometry (default Alignment.center)

Example

example

Creativity-AI-Studio GitHub avatar
言語DartObjective-CJava

カテゴリー

使用している依存関係

依存関係一覧 2 件

  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗