Detalhes do pacotev0.54.0

not_static_icons

Ícones animados bem elaborados para Flutter, criados com Lucide — sem necessidade de Rive ou Lottie.

AndroidiOSWebmacOSWindowsLinux

pub.dev Documentação da API Código-fonte

Downloads em 30 dias: 797
Curtidas: 53
Pontos Pub: 160

Instalar pacote

flutter pub add not_static_icons

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

not_static_icons é um pacote Flutter que oferece ícones animados cuidadosamente elaborados com princípios de design Lucide, sem necessidade de Rive ou Lottie. Ele fornece animações suaves e leves diretamente pelo motor de renderização do Flutter, tornando-o ideal para aplicativos que precisam de iconografia expressiva e eficiente. O pacote é compatível com múltiplas plataformas e se integra perfeitamente a projetos existentes no Flutter. Cada ícone é projetado para clareza e apelo estético, melhorando a experiência do usuário com movimentos sutis. Perfeito para interfaces modernas onde o feedback visual importa.

Casos de uso

Melhorando a interface do aplicativo com ícones animados
Adicionando microinterações sutis
Criando experiências de onboarding envolventes
Melhorando o feedback visual em botões
Construindo painéis modernos e dinâmicos
Substituindo ícones estáticos por alternativas animadas

Principais recursos

design inspirado no Lucide
Sem dependências do Rive ou Lottie
Leve e eficiente
Suporte multiplataforma
Integração fácil com o Flutter
Animações integradas suaves

Indicado para

Desenvolvedores procurando ícones animados elegantes
Designers de UI/UX focados em movimento
Aplicativos com interfaces interativas
Projetos com foco em estética moderna
Equipes evitando bibliotecas complexas de animação

Considerações

Pode não suportar todas as variantes do ícone Lucide
Complexidade de animação limitada a estilos pré-definidos
Requer Flutter 3.0+ para melhor desempenho
Não adequado para animações altamente complexas
Personalização limitada por ícone
Melhor usado com conjuntos mínimos de ícones para desempenho ótimo

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

`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
)