Paketdetailsv0.54.0

not_static_icons

Schön gestaltete animierte Symbole für Flutter, erstellt mit Lucide — keine Notwendigkeit von Rive oder Lottie.

AndroidiOSWebmacOSWindowsLinux

pub.dev API-Dokumentation Quellcode

30-Tage-Downloads: 797
Likes: 53
Pub-Punkte: 160

Paket installieren

flutter pub add not_static_icons

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

not_static_icons ist ein Flutter-Paket, das wunderschön gestaltete animierte Icons unter Verwendung der Lucide-Designprinzipien bereitstellt, ohne Rive oder Lottie zu erfordern. Es liefert reibungslose, leichte Animationen direkt über die Rendering-Engine von Flutter und ist daher ideal für Apps, die ausdrucksstarke, aber dennoch performante Iconografie benötigen. Das Paket unterstützt mehrere Plattformen und lässt sich nahtlos in bestehende Flutter-Projekte integrieren. Jedes Icon wurde auf Klarheit und ästhetische Ansprechbarkeit ausgelegt und verbessert die Benutzererfahrung durch subtile Bewegungen. Perfekt für moderne UIs, bei denen visuelle Rückmeldungen wichtig sind.

Anwendungsfälle

Verbesserung der App-Oberfläche mit animierten Symbolen
Subtile Mikrointeraktionen hinzufügen
Engagierende Onboarding-Erlebnisse erstellen
Verbesserung der visuellen Rückmeldung bei Schaltflächen
Moderne, dynamische Dashboards erstellen
Statische Symbole durch animierte Alternativen ersetzen

Hauptmerkmale

Lucide-inspiriertes Design
Keine Rive- oder Lottie-Abhängigkeiten
Leichtgewichtig und leistungsstark
Plattformübergreifende Unterstützung
Einfache Integration mit Flutter
Glatte, eingebaute Animationen

Geeignet für

Entwickler, die elegante animierte Symbole suchen
UI/UX-Designer, die sich auf Bewegung konzentrieren
Apps mit interaktiven Schnittstellen
Projekte mit Fokus auf modernes Design
Teams, die komplexe Animationsbibliotheken vermeiden

Hinweise

Unterstützt möglicherweise nicht alle Lucide-Symbolvarianten
Animationskomplexität auf vordefinierte Stile beschränkt
Für beste Leistung benötigen Sie Flutter 3.0+
Nicht geeignet für sehr komplexe Animationen
Eingeschränkte Anpassung pro Symbol
Am besten mit minimalen Icon-Sets für optimale Leistung verwenden

Original-README

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

`not_static_icons` | animated icons for Flutter

Seamlessly animated Flutter icons — no Rive or Lottie required. Made with Lucide icons inspired by pqoqubbw/icons.

Features

700+ Animated Icons: Based on popular Lucide icon set
Interactive Animations: Hover and touch effects
Customizable: Size, color, animation duration, stroke width
Flexible Integration: Works with GestureDetector, InkWell, IconButton
Programmatic Control: AnimatedIconController for external animation control

Usage

Basic Usage

// Simple icon
AirplayIcon()

// Customized icon
AArrowDownIcon(
  size: 45,
  color: Colors.blue,
  animationDuration: Duration(milliseconds: 800),
  strokeWidth: 3.0,
  hoverColor: Colors.red,
  enableTouchInteraction: true,
  infiniteLoop: false,
  reverseOnExit: false,
)

Using onTap Callback

Use onTap instead of wrapping the icon in GestureDetector:

CheckIcon(
  size: 40,
  color: Colors.green,
  onTap: () {
    print('Icon tapped!');
  },
)

Using with IconButton

Use interactive: false and AnimatedIconController for IconButton integration:

class MyWidget extends StatefulWidget {
  @override
  State<MyWidget> createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  final _iconController = AnimatedIconController();

  @override
  Widget build(BuildContext context) {
    return IconButton(
      onPressed: () {
        _iconController.animate(); // Trigger animation
        // Your action here
      },
      icon: HeartIcon(
        size: 32,
        color: Colors.red,
        interactive: false, // Disable internal gesture handlers
        controller: _iconController,
      ),
    );
  }
}

Using with InkWell

final _iconController = AnimatedIconController();

InkWell(
  onTap: () {
    _iconController.animate();
    // Your action here
  },
  child: Padding(
    padding: EdgeInsets.all(8),
    child: CopyIcon(
      size: 24,
      interactive: false,
      controller: _iconController,
    ),
  ),
)

All Configuration Options

ActivityIcon(
  size: 48.0,                                    // Icon size
  color: Colors.black87,                         // Default color
  hoverColor: Colors.blue,                       // Hover color
  animationDuration: Duration(milliseconds: 600), // Animation duration
  strokeWidth: 2.0,                              // Stroke width
  reverseOnExit: true,                           // Reverse animation on exit
  enableTouchInteraction: true,                  // Enable touch interaction
  infiniteLoop: false,                           // Enable infinite loop
  resetToStartOnComplete: false,                 // Reset after animation completes
  onTap: () {},                                  // Tap callback
  interactive: true,                             // Enable/disable internal gestures
  controller: AnimatedIconController(),          // External animation controller
)