flutter_animated_dialog
Um novo diálogo do Flutter com uma série de animações bonitas, como deslizar, desvanecer, girar, escalar e animações 3D.
- Estrelas
- 23
- Forks
- 51
- Último push (UTC)
- 18 de ago. de 2024
- Status do projeto
- Ativo
README original
Texto original em inglês. Visite o GitHub para a versão atual.
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
LinguagensDartObjective-CJava
Categorias
Dependências usadas
Lista de dependências 2 itens
- flutter
{"sdk":"flutter"} - flutter_testDesenvolvimento
{"sdk":"flutter"}
Como escolher um repositório para seu projeto?
Filtre pelo caso de uso, compare a atividade e confira o projeto original antes de adotá-lo.
- Busque por nome, autor ou descrição e filtre por tema.
- Compare estrelas, forks e envios recentes. Estrelas indicam interesse, mas não garantem qualidade.
- Confira o README, a licença e as issues no GitHub antes de usar o projeto.
Fontes e manutenção
“A repository is the most basic element of GitHub.”
GitHub Docs — About repositories ↗