slide_popup_dialog

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein Popup-Dialogfeld mit einer Slide-in-Animation bereitstellt und so eine reibungslose und interaktive Benutzererfahrung bietet. Es nachahmt das Verhalten von Standarddialogen wie AlertDialog oder SimpleDialog, fügt aber eine Gleittransition hinzu, um die visuelle Rückmeldung zu verbessern. Ideal für leichte, animierte Popups, die von der Bildschirmkante erscheinen, unterstützt es Anpassungen, während es Einfachheit und einfache Integration bewahrt. Das Paket ist intuitiv gestaltet und kompatibel mit bestehenden Flutter-Diagramm-Mustern.

Anwendungsfälle

Interaktive Onboarding-Tipps
Schnellaktionen-Aufforderungen
Modale Warnungen mit Animation
Benutzerbestätigungsdialoge
Formularvalidierungsfeedback

Hauptmerkmale

Slide-in-Animations-Effekt
Einfache API ähnlich wie AlertDialog
Anpassbare Erscheinung
Leicht und schnell
Kompatibel mit standardmäßigen Flutter-Widgets

Geeignet für

Entwickler, die animierte Dialoge suchen
Apps mit modernem UI-Design
Mobile Apps, die subtile Übergänge benötigen
Prototyping interaktiver Elemente
Projekte, die standardmäßige Dialogmuster verwenden

Hinweise

Eingeschränktes plattformspezifisches Verhalten
Keine integrierte Unterstützung für komplexe Layouts
Kann zusätzliche Stile für den Dunkelmodus erfordern
Nicht für große Inhalte optimiert
Animationen können die Leistung auf Low-End-Geräten beeinträchtigen

Original-README

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

Popup dialog with slide mechanism. Use it like AlertDialog or SimpleDialog.

How to use

Add slide_popup_dialog to your package's pubspec.yaml, then intall it.
Import package.

import 'package:slide_popup_dialog/slide_popup_dialog.dart' as slideDialog;

Add this method to your State Widget.

void _showDialog() {
  slideDialog.showSlideDialog(
    context: context,
    child: Text("Hello World"),
  );
}

Code Example

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Press to open dialog"),
          onPressed: _showDialog,
        ),
      ),
    );
  }

  void _showDialog() {
    slideDialog.showSlideDialog(
      context: context,
      child: Text("Hello World"),
      barrierColor: Colors.white.withOpacity(0.7),
      pillColor: Colors.red,
      backgroundColor: Colors.yellow,
    );
  }
}

Pakete, Repositories und App-Kategorien suchen