Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de icon_decoration
Detalhes do pacotev2.1.0

icon_decoration

Adicione recursos de decoração ao widget Icon com bordas e gradientes.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
2,8 mil
Curtidas
97
Pontos Pub
150

Instalar pacote

flutter pub add icon_decoration

Visão geral do pacote

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

IconDecoration melhora o widget Icon habilitando recursos decorativos como bordas e gradientes, permitindo ícones mais visualmente atraentes em aplicativos Flutter. Ele estende o widget padrão Icon com opções de estilo personalizáveis, tornando fácil aplicar efeitos visuais avançados sem pintura personalizada complexa. Ideal para aplicativos que exigem elementos de interface refinados, este pacote suporta todas as principais plataformas, incluindo móvel, web e desktop.

Casos de uso

  • Adicionando bordas estilizadas a ícones
  • Aplicar preenchimento por gradiente a ícones
  • Criando uma iconografia visualmente rica
  • Melhorar a consistência da interface em diferentes plataformas
  • Projetando estados interativos de ícones

Principais recursos

  • Personalização de borda para ícones
  • Suporte a gradiente em ícones
  • Integração simples com widgets Icon existentes
  • Compatibilidade multiplataforma
  • Leve e eficiente

Indicado para

  • Designers de interface procurando acabamento visual
  • Desenvolvedores construindo interfaces com marca
  • Aplicativos com navegação pesada em ícones
  • Projetos que exigem estilização consistente de ícones
  • Equipes usando o Flutter para aplicativos multiplataforma

Considerações

  • Limitado a recursos básicos de decoração
  • Pode exigir estilização adicional para efeitos complexos
  • Não adequado para animações de ícones altamente dinâmicas
  • Depende do desempenho de renderização do Flutter
  • Melhor usado com designs de ícones estáticos ou semi-estáticos

README original

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

icon_decoration

Pub Version Test workflow Coverage Status

Add decoration capabilities to the Icon widget with borders and gradients. This new DecoratedIcon widget overlap itself with the base Icon widget to provide a more complete decoration system through a IconDecoration property.

Table of contents

Add to your project

Add dependency to your pubspec.yaml
icon_decoration: any
Import the package
import 'package:icon_decoration/icon_decoration.dart';

How to use

Add borders to icons
DecoratedIcon(
    icon: Icon(Icons.favorite, color: Colors.green),
    decoration: IconDecoration(border: IconBorder()),
)
Add gradients to icons

Gradients are supported on Flutter Web only with the canvaskit renderer

DecoratedIcon(
    icon: Icon(Icons.all_inbox),
    decoration: IconDecoration(
        gradient: rainbowGradient,
    ),
)
Mix them all together
DecoratedIcon(
    icon: Icon(
        Icons.all_inbox,
        shadows: [
            Shadow(
                color: Colors.red,
                blurRadius: 3,
                offset: Offset(0, 2),
            ),
        ],
    ),
    decoration: IconDecoration(
        gradient: _rainbowGradient,
        border: IconBorder(),
    ),
)

Migration Guide

v2.0.0
  • Removed IconDecoration.shadows, use Icon.shadows instead.

Before

DecoratedIcon(
    icon: Icon(Icons.all_inbox),
    decoration: IconDecoration(
        shadows: [
            Shadow(
                color: Colors.red,
                blurRadius: 3,
                offset: Offset(0, 2),
            ),
        ],
    ),
)

After

Icon(
    Icons.all_inbox,
    shadows: [
        Shadow(
            color: Colors.red,
            blurRadius: 3,
            offset: Offset(0, 2),
        ),
    ],
),

Categorias

Ícones

Repositório-fonte

Projetos que usam este pacote