icons_animate

Visão geral do pacote

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

O pacote icons_animate permite aos desenvolvedores criar animações suaves entre dois ícones estáticos em aplicativos Flutter. Usando o widget AnimatedIcon, os usuários podem transitar de forma contínua de um ícone para outro, melhorando a interatividade da interface do usuário. Ele é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o altamente versátil para desenvolvimento multiplataforma. O pacote é leve e se integra facilmente a projetos existentes do Flutter por meio de um simples comando pub add.

Casos de uso

Transições de ícones animados em botões
Elementos de interface do usuário interativos
indicadores de estado de carregamento
Animações de alternância
Feedback visual para ações

Principais recursos

Animação suave de ícone para ícone
Suporte multiplataforma
Integração simples com o Flutter
Duração de animação personalizável
Pares de ícones embutidos

Indicado para

Designers de UI procurando visuais dinâmicos
Desenvolvedores de aplicativos interativos
Projetos que exigem animações sutis
Aplicativos móveis e web multiplataforma
Melhorando a experiência do usuário com microinterações

Considerações

Limitado a pares de ícones pré-definidos
Requer ajuste cuidadoso de desempenho em dispositivos de baixa potência
A complexidade da animação pode afetar a responsividade
Não adequado para animações personalizadas complexas
Depende da estabilidade do framework de animação do Flutter

README original

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

Icons Animate

This is a Flutter package to make a custom AnimatedIcon from two Icons.
This package is born to make AnimatedIcons easily available for any Icon and not only the few default ones

Features

Here are some examples of animated icons.

Note that you can provide any Icon that is of type IconData to the animator

You can see an example of some icons being animated in the Sample Project

Getting started

To install the package just do:

flutter pub add icons_animate
flutter pub get

OR add the dependency manually to your pubspec.yaml file:

dependencies:
  icons_animate: ^0.0.2

Then depend on it in your class:

import 'package:icons_animate/icons_animate.dart';

Usage

Here is a simple implementation:

AnimateIcons(
    startIcon: Icons.add_circle,
    endIcon: Icons.add_circle_outline,
    size: 100.0,
    controller: controller,
    startTooltip: 'Icons.add_circle',
    endTooltip: 'Icons.add_circle_outline',
    // add this for splashColor, default is Colors.transparent means no click effect
    splashColor: Colors.blueAccent.shade100.withAlpha(50),
    // add this to specify a custom splashRadius
    // default is Material.defaultSplashRadius (35)
    splashRadius: 24,
    onStartIconPress: () {
        print("Clicked on Add Icon");
        return true;
    },
    onEndIconPress: () {
        print("Clicked on Close Icon");
        return true;
    },
    duration: Duration(milliseconds: 500),
    startIconColor: Colors.deepPurple,
    endIconColor: Colors.deepOrange,
    clockwise: false,
),

See Example Code for more info.

Issues & Feedback

Please file an issue to send feedback or report a bug, If you want to ask a question or suggest an idea then you can open an discussion. Thank you!

Contributing

Every PR is welcome.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote