Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von showcaseview
Paketdetailsv5.1.0

showcaseview

Ein Flutter-Paket zum Schritt-für-Schritt-Präsentieren/Hervorheben von Widgets.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
263.000
Likes
3130
Pub-Punkte
150

Paket installieren

flutter pub add showcaseview

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

ShowcaseView ist ein Flutter-Paket, das entwickelt wurde, um Benutzer Schritt für Schritt durch die Funktionen einer App zu führen, indem bestimmte Widgets hervorgehoben werden. Es erstellt interaktive Coach-Marks, die die Aufmerksamkeit auf wichtige UI-Elemente lenken und sich daher ideal für Onboarding oder die Demonstration neuer Funktionen eignet. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und sorgt so für eine konsistente Benutzererfahrung über verschiedene Geräte hinweg. Mit anpassbaren Überlagerungen und fließenden Animationen verbessert ShowcaseView die Benutzerengagement während der ersten Interaktionen mit der App.

Anwendungsfälle

  • Neue Benutzer onboarden
  • Neue Funktionen hervorheben
  • Geführte App-Touren
  • Benutzertrainings-Sitzungen
  • Verbesserung der Funktionsentdeckbarkeit

Hauptmerkmale

  • Schritt-für-Schritt-Widget-Hervorhebung
  • Anpassbares Overlay-Design
  • Glatte Übergangsanimationen
  • Multiplattform-Unterstützung
  • Einfache Integration mit bestehenden Widgets
  • Konfigurierbares Klick-zum-Schließen-Verhalten

Geeignet für

  • App-Onboarding-Flows
  • Einführung von Funktionen in komplexen Apps
  • Bildungsanwendungen
  • Produktanleitungen
  • UX-Verbesserungsinitiativen

Hinweise

  • Kann eine sorgfältige Platzierung erfordern, um das Verdecken von Inhalten zu vermeiden
  • Leistungseinbußen bei vielen Schritten
  • Testen über verschiedene Bildschirmgrößen hinweg erforderlich
  • Eingeschränkte integrierte Anpassungsmöglichkeiten für fortgeschrittene Gestaltung
  • Nicht für dauerhafte Benutzeroberflächenelemente vorgesehen

Original-README

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

Showcase View - Simform LLC.

ShowCaseView

Build showcaseview Awesome Flutter

A Flutter package that allows you to showcase/highlight your widgets step by step, providing interactive tutorials for your application's UI.

Check out other amazing open-source Flutter libraries and Mobile libraries developed by Simform Solutions!

Preview

For live web demo, visit ShowcaseView Web Example

The example app running on mobile

Features

  • Guide users through your app by highlighting specific widgets step by step.
  • Customize tooltips with titles, descriptions, actions, and styling.
  • Handles scrolling the widget into view for showcasing.
  • Support for custom tooltip widgets.
  • Animation and transition effects for tooltip.
  • Options to showcase multiple widgets at the same time.

Performance Gains on v5.x.x

Version 5.0.0+ delivers exceptional performance improvements that make ShowcaseView faster and more efficient than ever:

performance_boost

Performance metrics based on internal benchmarking tests performed on a mid-tier android device.

🚀 Memory Reduction
  • Optimized memory usage: Reduced from 1.8 MB to 0.6 MB
  • Significantly reduced memory footprint for better app performance
⚡ Faster Refresh
  • Smoother animations: Average FPS increased from 58 to 88 FPS
  • Better performance on lower-end devices and complex UI layouts
🎯 Quicker Rendering
  • Lightning-fast startup: Initial render time reduced from 68ms to 24ms
  • Dramatically improved time-to-interactive for showcases

Documentation

Visit our documentation site for all implementation details, usage instructions, code examples, and advanced features.

Installation

dependencies:
  showcaseview: <latest-version>

Support

For questions, issues, or feature requests, create an issue on GitHub or reach out via the GitHub Discussions tab. We're happy to help and encourage community contributions. To contribute documentation updates specifically, please make changes to the doc/documentation.md file and submit a pull request.

Main Contributors

img img img
Vatsal Tanna Sahil Totala Aditya Chavda
img img img
Sanket Kachchela Ujas Majithiya Happy Makadiya

License

This project is licensed under the MIT License - see the LICENSE file for details.

Kategorien

Funktionserkundung - Coach-Markierungen

Quell-Repository

Projekte, die dieses Paket verwenden