Aus öffentlichen Paketdaten erstellte Orientierung.
Awesome Dialog ist ein Flutter-Paket, das Entwicklern ermöglicht, visuell ansprechende Dialogfelder mit flüssigen Animationen für verschiedene Warnungstypen wie INFO, FRAGE, WARNUNG, ERFOLG und FALSCHE ANGABE anzuzeigen. Aufgrund seiner Einfachheit lässt es sich mit minimalem Code schnell integrieren. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher ideal für plattformübergreifende Anwendungen. Mit anpassbaren Themen und eingebauten Animationseffekten verbessert es die Benutzererfahrung ohne komplizierte Konfigurationen.
Anwendungsfälle
Anzeige von App-Warnungen
Bestätigungsdialoge anzeigen
Verbesserung der Benutzerfeedback
Erfolgsmeldungen oder Fehlermeldungen erstellen
Animierte Benachrichtigungen hinzufügen
Hauptmerkmale
Vordefinierte Dialogtypen
Glatte Animationen
Plattformübergreifende Unterstützung
Minimale Einrichtung
Anpassbare Erscheinung
Eingebaute Themen
Geeignet für
Anfänger-Flutter-Entwickler
Apps, die visuelle Rückmeldung benötigen
Plattformübergreifende Projekte
Einfache Benutzeroberflächenverbesserungen
Schnellprototypen
Hinweise
Eingeschränkte Anpassungsmöglichkeiten über die grundlegende Gestaltung hinaus
Kann zusätzliche Styling für anspruchsvolle Designs erfordern
Abhängig von externer Animationsbibliothek
Nicht geeignet für komplexe Modalschnittstellen
Animationsleistung auf Low-End-Geräten
Original-README
Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.
awesome_dialog
A new Flutter package project for simple and awesome dialogs
Usage
To use this package, add awesome_dialog as a dependency in your pubspec.yaml file.
And add this import to your file.
If the body is specified, then title and description will be ignored, this allows to further customize the dialogue.
AwesomeDialog(
context: context,
animType: AnimType.scale,
dialogType: DialogType.info,
body: Center(child: Text(
'If the body is specified, then title and description will be ignored, this allows to further customize the dialogue.',
style: TextStyle(fontStyle: FontStyle.italic),
),),
title: 'This is Ignored',
desc: 'This is also Ignored',
btnOkOnPress: () {},
)..show();
Custom Button
To use custom buttons, just specify the buttonOk or btnCancel widget, all text parameters icon etc will be ignored.
Dissmiss and Callback
AwesomeDialog has onDismissCallback(type) and can be dismissed at any time using dismiss() public method.
AwesomeDialog Class
Dart attribute
Datatype
Description
Default Value
dialogType
DialogType
Set DialogType example: DialogType.info, this create an animated Header.
Null
customHeader
Widget
Create your own header(if this is set DiaologType is ignored.)
Null
width
double
The maximum width of the dialog, especially useful in web flutter, or landscape mode
MediaQuery.of(context).size.width.
title
String
Set the title of dialog.
Null
desc
String
Set the description text of the dialog.
Null
body
Widget
Create your own Widget for body, if this property is set title and description will be ignored.
Null
context
BuildContext
@required
Null
btnOkText
String
Text of positive button
'Ok'
btnOkIcon
IconData
Icon of positive button
Null
btnOkOnPress
Function
Function that handle click of positive Button, closing the dialog is handled internally.
Null
btnOkColor
Color
Color of positive Button
Color(0xFF00CA71)
btnOk
Widget
Allows to create a custom button, if this property is different from null then btnOkText, btnOkIcon, btnOkOnPress, btnOkColor will be ignored
null
btnCancelText
String
Text of negative button
'Cancel'
btnCancelIcon
IconData
Icon of negative button
Null
btnCancelOnPress
Function
Function that handle click of negative Button, closing the dialog is handled internally.
Null
btnCancelColor
Color
Color of negative Button
Colors.red
btnCancel
Widget
Allows to create a custom button, if this property is different from null then btnCancelText, btnCancelIcon, btnCancelOnPress, btnCancelColor will be ignored
null
buttonsBorderRadius
BorderRadiusGeometry
Allows to customize buttons border radius
BorderRadius.all(Radius.circular(100))
dismissOnTouchOutside
bool
Dismiss dialog on touch overlay
true
onDismissCallback
Function
Dismiss callback function
Null
animType
AnimType
Type of dialogue enter animation
AnimType.SCALE
alignment
AlignmentGeometry
dialogue alignment gravity
Alignment.center
useRootNavigator
bool
Use the root navigator instead than the local. This is useful when the default cancel go to the previous screen instead to just close the dialog
false
headerAnimationLoop
bool
headerAnimationLoop control the loop for animation header
true
padding
EdgeInsetsGeometry
The padding of dialog elements
EdgeInsets.only(left: 5, right: 5),
autoHide
Duration
Hide the Dialog after this Duration
null
keyboardAware
bool
Control if add or not the Padding EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom).
true
dismissOnBackKeyPress
bool
control if AwesomeDialog is dismissible by back button.