Buscar pacotes, repositórios e categorias de apps

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

icon_picker

Um widget do Flutter para exibir um diálogo contendo uma coleção de ícones para selecionar um, retornando um iconData em formato JSON.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
61
Curtidas
18
Pontos Pub
60

Instalar pacote

flutter pub add icon_picker

Visão geral do pacote

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

Icon Picker é um pacote Flutter que fornece um widget de diálogo para exibir uma coleção de ícones para seleção fácil. Permite aos usuários escolher um ícone, retornando os dados do ícone selecionado no formato JSON. Projetado para simplicidade e integração, suporta conjuntos personalizados de ícones e é ideal para aplicativos que precisam de seleção de ícones em formulários ou configurações. O pacote é leve e focado na usabilidade, tornando sua implementação direta nos fluxos de interface.

Casos de uso

  • Selecionando ícones nas configurações do aplicativo
  • Adicionando ícones ao conteúdo gerado pelo usuário
  • Personalizando elementos da interface com ícones
  • Configurando opções de tema
  • Construindo construtores de formulários com entradas de ícone
  • Integrando a seleção de ícones em painéis

Principais recursos

  • Exibe uma coleção de ícones rolável
  • Retorna o ícone selecionado como dados JSON
  • Interface simples baseada em diálogos
  • Suporta conjuntos de ícones personalizados
  • Leve e fácil de integrar
  • Configuração mínima necessária

Indicado para

  • Desenvolvedores de aplicativos com interface intensiva
  • Aplicativos que exigem personalização de ícone
  • Construtores de formulários com elementos visuais
  • Designers integrando seleção de ícones
  • Projetos com dependências mínimas
  • Recursos de seleção de ícones de protótipo

Considerações

  • Requer manipulação manual da análise de dados do ícone
  • Limitado a coleções de ícones pré-definidas, a menos que personalizado
  • Nenhuma busca ou filtragem embutida
  • Não otimizado para conjuntos de ícones muito grandes
  • Depende das definições do conjunto de ícones externo
  • Pode ser necessário estilização adicional para aparência consistente

README original

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

icon_picker

pub package

Buy Me A Beer

A Flutter widget to show an icon collection to pick.
This widget extend TextField and has a similar behavior as TextFormField

Usage

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  icon_picker: "^2.1.0"

In your library add the following import:

import 'package:icon_picker/icon_picker.dart';

For help getting started with Flutter, view the online documentation.

Example

IconPicker use an internal MaterialIcon collection by default, but you can set your own icon collection.
You just need to pass in iconCollection param a Map<String, IconData>.

final Map<String, IconData> myIconCollection = {
  'favorite': Icons.favorite,
  'home': Icons.home,
  'android': Icons.android,
  'album': Icons.album,
  'ac_unit': Icons.ac_unit,
  ...
}

IconPicker(
  initialValue: 'favorite',
  icon: Icon(Icons.apps),
  labelText: "Icon",
  title: "Select an icon",
  cancelBtn: "CANCEL",
  enableSearch: true,
  searchHint: 'Search icon',
  iconCollection: myIconCollection,
  onChanged: (val) => print(val),
  onSaved: (val) => print(val),
);

The result of val in onChanged, validator and onSaved will be a json String.
So, if you tap the icon ac_unit in the dialog window, the result value will be:

'{"iconName": "ac_unit", "codePoint": 60219, "fontFamily": "MaterialIcons"}'

Transforming the String result of IconPicker in an IconData:

String value = '{"iconName": "ac_unit", "codePoint": 60219, "fontFamily": "MaterialIcons"}'
var iconDataJson = jsonDecode(value);
IconData icon = IconData(iconDataJson['codePoint'], fontFamily: iconDataJson['fontFamily']);
Icon(icon);

Preview

Overview

Categorias

Ícones

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.