iconify_design

Visão geral do pacote

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

Iconify Design é um pacote Flutter que simplifica a integração de ícones da API do iconify.design em aplicativos Flutter. Permite aos desenvolvedores pesquisar, carregar e exibir milhares de ícones vetoriais escaláveis em múltiplas plataformas. O pacote oferece suporte à busca dinâmica de ícones, renderização sensível a temas e cache eficiente para desempenho otimizado. Com configuração mínima, ele aumenta a flexibilidade do design da interface sem aumentar o tamanho do aplicativo.

Casos de uso

Integração de ícones escaláveis em aplicativos multiplataforma
Reduzindo o tamanho do pacote de ativos com ícones sob demanda
Melhorando a interface com uma vasta biblioteca de ícones
Suporte a variantes de ícones modo escuro/claro
Construindo interfaces responsivas e acessíveis

Principais recursos

Integração direta com a API do iconify.design
Carregamento dinâmico de ícones e cache
Suporte multiplataforma (Android, iOS, Web, macOS, Windows, Linux)
Design leve e modular
Mudança automática de ícone com base no tema
Catálogo de ícones pesquisáveis

Indicado para

Desenvolvedores procurando uma grande biblioteca de ícones
Projetos que exigem gráficos vetoriais escaláveis
Aplicativos direcionados a múltiplas plataformas
Designers de interface que desejam gerenciamento flexível de ícones
Equipes que priorizam desempenho e manutenibilidade

Considerações

Requer conexão com a internet para buscar os ícones iniciais
Pode afetar o tempo de inicialização se muitos ícones forem carregados no início
Depende da disponibilidade da API externa
Opções limitadas de personalização em comparação com ativos locais
Latência potencial ao buscar ícones em redes lentas

README original

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

Iconify Design

A Flutter package that allows you to use icons from the Iconify.design API with ease. This package provides a widget called IconifyIcon that takes an icon string and optionally allows you to specify the size, color, placeholder, and error widget of the icon.

Installation

Add the following to your pubspec.yaml file:

dependencies:
  iconify_design: ^1.0.2

Then run:

flutter pub get

Usage

import 'package:iconify_design/iconify_design.dart';
import 'package:flutter/material.dart';

Example

Here is an example of how to use the IconifyIcon widget:

import 'package:flutter/material.dart';
import 'package:iconify_design/iconify_design.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Iconify Flutter Example'),
        ),
        body: Center(
          child: IconifyIcon(
            icon: 'mdi:home',
            size: 48.0,
            color: Colors.blue,
            placeholder: CircularProgressIndicator(),
            errorWidget: Icon(
              Icons.error_outline,
              color: Colors.red,
            ),
          ),
        ),
      ),
    );
  }
}

Parameters

The IconifyIcon widget has the following parameters:

icon: The icon string (e.g., 'mdi:home', 'iconoir:fill-color-solid', etc.).
size (optional): The size of the icon. Default is 24.0.
color (optional): The color of the icon. Default is Black. Passing null also falls back to Black.
placeholder (optional): The widget to display while the icon is loading. Default is a small circular progress indicator.
errorWidget (optional): The widget to display when the icon cannot be loaded. Default is an empty widget.

Custom Placeholder and Error Widget

You can customize the loading and error states:

IconifyIcon(
  icon: 'mdi:home',
  placeholder: const SizedBox(
    width: 24,
    height: 24,
    child: CircularProgressIndicator(strokeWidth: 2),
  ),
  errorWidget: const Icon(
    Icons.error_outline,
    color: Colors.red,
  ),
)

Contribution

Feel free to open issues or submit pull requests to help improve this package.

License

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

Support

Don't forget to support (if you can).

Maintainers

Montassar sghaier

Buscar pacotes, repositórios e categorias de apps

Instalar pacote