folding_menu

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Folding Menu ist ein visuell ansprechender und leicht integrierbarer Navigationsmenü für Flutter-Anwendungen. Es bietet einen edlen, animierten Falt-Effekt, der die Benutzerinteraktion verbessert, während die Implementierung einfach bleibt. Speziell für moderne Benutzeroberflächen entwickelt, unterstützt es mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux. Das Paket bietet reibungslose Übergänge und anpassbare Stile, was es ideal für Apps mit dynamischer aber eleganter Navigation macht. Mit minimalem Setup über pub add können Entwickler schnell eine responsive und ansprechende Menüerfahrung umsetzen.

Anwendungsfälle

Mobile App-Navigation
Web-Dashboard-Schnittstellen
Menüs für Desktop-Anwendungen
Interaktive UI-Prototypen
anpassbare Seitenteile

Hauptmerkmale

Animierte Faltübergang
Plattformübergreifende Kompatibilität
Einfache Integration mit pub add
Anpassbare Erscheinung
Unterstützung für responsive Design

Geeignet für

Entwickler, die moderne Navigation suchen
UI-orientierte Flutter-Projekte
Apps, die animierte Drawer-Effekte benötigen
Schnellprototypen
Multiplattform-Anwendungen

Hinweise

Kann zusätzliche Stilisierung für komplexe Layouts erfordern
Leistungseinfluss auf Geräten mit geringer Leistungsfähigkeit
Begrenzte Anpassungsmöglichkeiten über grundlegende Animationen hinaus
Am besten geeignet für Apps mit moderater Navigationstiefe
Nicht empfehlenswert für hochkomplexe verschachtelte Menüs

Original-README

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

Folding Menu

This is an easy to use package for adding Folding Menu to your Flutter Applications

Demo

Usage

To Use, simply add Folding Menu to your Stack Widget(as the Last Element for most Cases):

      body: Stack(
        children: [
          Container(
            color: Colors.deepOrange,
            child: Center(child: Text("Other Screen Content",style: TextStyle(color: Colors.white,fontSize: 20),)),),
          // Add FoldingMenu as the Last Child to Stack
          FoldingMenu(duration: Duration(milliseconds: 900), shadowColor: Colors.black26, animationCurve: Curves.decelerate, folded: openMenu, children: [
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 1",
                        )));
              },
              title: Text("Home Dance"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 2",
                        )));
              },
              title: Text("Home Dance 2"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 3",
                        )));
              },
              title: Text("Home Dance 3"),
              tileColor: Colors.white,
            ),
            ListTile(
              onTap: () {
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => SecondScreen(
                          text: "Page 4",
                        )));
              },
              title: Text("Home Dance 4"),
              tileColor: Colors.white,
            ),
          ]),
        ],
      ),

Roadmap

Plans to add more customizations.

License

MIT

Pakete, Repositories und App-Kategorien suchen

Paket installieren