Creativity-AI-Studio/flutter_animated_dialog

技術トピック

# beautiful-animations # curve # dialog # animated-dialog # beautiful

使用している依存関係

依存関係一覧 2 件

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

元の README

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

README を開く / 閉じる

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

https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/size.gif

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

https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/default.gif default	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/fade.gif fade	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromTop.gif slideFromTop
https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromBottom.gif slideFromBottom	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromBottomFade.gif slideFromBottomFade	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromLeft.gif slideFromLeft
https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromLeftFade.gif slideFromLeftFade	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromRight.gif slideFromRight	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/slideFromRightFade.gif slideFromRightFade
https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/scale.gif scale	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/fadeScale.gif fadeScale	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/scaleRotate.gif scaleRotate
https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/rotate.gif rotate	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/rotate3D.gif rotate3D	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/size.gif size
https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/sizeFade.gif sizeFade	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/generalDialog.gif generalDialog	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/listSingleSelect.gif listSingleSelect
https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/listDialog.gif listDialog	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/listMultipleSelect.gif listMultipleSelect	https://raw.githubusercontent.com/JackJonson/flutter_animated_dialog/master/screenshots/customDialog.gif 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 ↗