flutter_animated_dialog
Ein neues Flutter-Diagramm mit einer Reihe wunderschöner Animationen wie Schieben, Fade, Drehen, Skalieren und 3D-Drehung.
- Sterne
- 23
- Forks
- 51
- Letzter Push (UTC)
- 18.08.2024
- Projektstatus
- Aktiv
Original-README
Englischer Projektschnappschuss. Aktuelle Inhalte auf 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
SprachenDartObjective-CJava
Kategorien
Verwendete Abhängigkeiten
Abhängigkeiten 2 Einträge
- flutter
{"sdk":"flutter"} - flutter_testEntwicklung
{"sdk":"flutter"}
Wie wähle ich ein passendes Repository?
Nach Anwendungsfall filtern, Aktivität vergleichen und vor der Nutzung das Originalprojekt prüfen.
- Nach Name, Autor oder Beschreibung suchen und nach Thema eingrenzen.
- Sterne, Forks und letzte Pushes vergleichen. Sterne zeigen Interesse, garantieren aber keine Qualität.
- Vor der Nutzung README, Lizenz und Issues auf GitHub prüfen.
Quellen und Pflege
“A repository is the most basic element of GitHub.”
GitHub Docs — About repositories ↗