https://github.com/JackJonson/flutter_animated_dialog
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.
https://github.com/JackJonson/flutter_animated_dialog
animated-dialog beautiful beautiful-animations curve dialog
Last synced: 5 months ago
JSON representation
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.
- Host: GitHub
- URL: https://github.com/JackJonson/flutter_animated_dialog
- Owner: JackJonson
- License: apache-2.0
- Created: 2019-07-27T01:44:14.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-08-18T09:38:32.000Z (about 1 year ago)
- Last Synced: 2024-11-18T04:35:18.581Z (11 months ago)
- Topics: animated-dialog, beautiful, beautiful-animations, curve, dialog
- Language: Dart
- Size: 46.5 MB
- Stars: 22
- Watchers: 2
- Forks: 39
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
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
## Getting Started
```yaml
dependencies:
flutter_animated_dialog: ^1.2.0
```
```dart
import 'package:flutter_animated_dialog/flutter_animated_dialog.dart';
```
```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](https://github.com/JackJonson/flutter_animated_dialog/blob/master/example/lib/main.dart)