Pakete, Repositories und App-Kategorien suchen

Cover von aesthetic_dialogs
Paketdetailsv0.0.15

aesthetic_dialogs

Dieser Flutter-Plugin ermöglicht das Anzeigen ansprechender benutzerdefinierter Dialogfelder.

AndroidiOSWeb
30-Tage-Downloads
88
Likes
92
Pub-Punkte
140

Paket installieren

flutter pub add aesthetic_dialogs

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Aesthetic Dialogs ist ein Flutter-Plugin, das Entwicklern ermöglicht, visuell ansprechende und anpassbare Dialogfelder für Android-, iOS- und Web-Anwendungen zu erstellen. Es bietet eine einfach zu verwendende API zum Anzeigen von Dialogen mit modernen Designs, flüssigen Animationen und flexiblen Gestaltungsoptionen. Das Paket verbessert die Benutzererfahrung, indem es attraktive Alternativen zu standardmäßigen Flutter-Dialo­gen bereitstellt und sich daher ideal für Apps eignet, die auf optische Qualität und interaktive Rückmeldungen achten. Mit Unterstützung für benutzerdefinierte Inhalte und Themen können Entwickler Dialoge an die Designsprache ihrer App anpassen.

Anwendungsfälle

  • Verbesserung der Benutzeroberfläche mit stilvollen Popup-Dialogen
  • Benutzerdefinierte Bestätigungs- oder Warnmeldungen erstellen
  • Verbesserung der Benutzerengagement mit animierten Übergängen
  • Onboarding- oder Tutorial-Overlay gestalten
  • Markenbasierte Dialogerlebnisse hinzufügen
  • Reichhaltigen Inhalt in Modalfenstern anzeigen

Hauptmerkmale

  • Anpassbare Dialogansicht
  • Glatte Animationseffekte
  • Unterstützung für benutzerdefinierten Widget-Inhalt
  • Plattformübergreifende Kompatibilität (Android, iOS, Web)
  • Einfache Integration über eine einfache API
  • Thema- und Stilanpassung

Geeignet für

  • UI-orientierte Flutter-Anwendungen
  • Apps mit verfeinerten Benutzerinteraktionen
  • Entwickler, die schnelle ästhetische Verbesserungen suchen
  • Projekte mit markenspezifischen Dialoganforderungen
  • Teams, die Benutzererfahrungsdesign priorisieren

Hinweise

  • Kann zusätzlichen Aufwand bei der Styling-Optimierung für komplexe Layouts erfordern
  • Beschränkte Dokumentation neben der grundlegenden Verwendung
  • Möglicher Leistungseinbruch bei umfangreichem benutzerdefiniertem Inhalt
  • Nicht geeignet für minimalistische Gestaltungsansätze
  • Benötigt externe Abhängigkeiten für erweiterte Funktionen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

AestheticDialogs v0.0.15

AestheticDialogs is inspired by Laravel Notify This Flutter plugin allows you to display nice custom dialog boxes. It is only available on Android at the moment.

Android Version : AestheticDialogs

screen.png

Install

Kotlin version : minimum 1.3.40

AestheticDialog use AppCompat Themes

Add the dependency

dependencies {
	...
	implementation 'androidx.appcompat:appcompat:1.2.0'
}

Follow the instructions to integrate a package into your Flutter application. Make sure you also use the AppCompat themes :

  • Download the colors.xml file and paste it into your project: "/android/app/src/main/res/values/".
  • Download the styles.xml file and replace it into your project: "/android/app/src/main/res/values/".
How to use it?
import 'package:AestheticDialogs/AestheticDialogs.dart';

...

AestheticDialogs.showDialog(
        title: "My Dialog",
        message: "Hello!!!",
        cancelable: true,
        darkMode: false,
        dialogAnimation: DialogAnimation.IN_OUT,
        dialogGravity: DialogGravity.CENTER,
        dialogStyle: DialogStyle.EMOJI,
        dialogType: DialogType.INFO,
        duration: 3000);

The time is expressed in milliseconds and by default it is 3000ms. A more complete example can be found in the "example" folder of the Git repository.

Types of Dialog

AestheticDialog At this moment, library provides eight types of dialog i.e.

1. Flash Dialog 2. Connectify Dialog 3. Toaster Dialog
4. Emotion Dialog 5. Drake Dialog 6. Emoji Dialog
7. Rainbow Dialog 8. Flat Dialog

Dark Mode

AestheticDialog Also provides Dark Theme for some dialogs i.e.

1. Connectify Dark Dialog 2. Toaster Dark Dialog 3. Emoji Dark Dialog
4. Flat Dark Dialog LET's USE aesthetic Dialog !

Constants

DIALOG STYLE DIALOG TYPE DIALOG ANIMATION
RAINBOW
FLAT
CONNECTIFY
TOASTER
DRAKE
EMOJI
EMOTION
SUCCESS
ERROR
WARNING
INFO
DEFAULT
SLIDE_UP, SLIDE_DOWN
SLIDE_LEFT, SLIDE_RIGHT
SWIPE_LEFT, SWIPE_RIGHT
IN_OUT
CARD
SHRINK
SPLIT
DIAGONAL
SPIN
WINDMILL
FADE
ZOOM

Demo

You can download the demo app on PlayStore

Contribute

You can contribute us by filing issues, bugs and PRs.

Contributing:
  • Open issue regarding proposed change.
  • Repo owner will contact you there.
  • If your proposed change is approved, Fork this repo and do changes.
  • Open PR against latest dev branch. Add nice description in PR.
  • You're done!

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.