Buscar categorias, pacotes e repositórios

ducafecatGuia do ecossistema Flutter
Capa de avatar_view
Detalhes do pacotev1.0.1

avatar_view

Um novo aplicativo Flutter.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
127
Curtidas
24
Pontos Pub
95

Instalar pacote

flutter pub add avatar_view

Visão geral do pacote

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

AvatarView é um pacote Flutter projetado para exibir avatares com estilos personalizáveis, suportando várias formas, bordas e fontes de imagem. Permite que desenvolvedores criem fotos de perfil, cabeças de bate-papo ou ícones de usuário com facilidade, oferecendo flexibilidade em aparência e comportamento. O pacote se integra perfeitamente em múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Suporta imagens locais e de rede, com opções para placeholders e estados de carregamento. Ideal para aplicativos sociais, interfaces de mensagens e perfis de usuário, o AvatarView melhora a consistência da IU e o apelo visual.

Casos de uso

  • Perfil do usuário exibido
  • Componentes de cabeça de bate-papo
  • interfaces de mídia social
  • Cartões de usuário do painel
  • Telas de autenticação
  • Listas de membros da equipe

Principais recursos

  • Formas personalizáveis (círculo, quadrado)
  • Estilos e opções de cor da borda
  • Suporte para imagens de rede e locais
  • Espaço reservado e indicadores de carregamento
  • Design responsivo em várias plataformas
  • Integração fácil com projetos Flutter existentes

Indicado para

  • Aplicativos de redes sociais
  • Aplicativos de mensagens
  • Interfaces de usuário do painel
  • Ferramentas de colaboração em equipe
  • Telas de gerenciamento de perfil
  • Aplicativos móveis e web multiplataforma

Considerações

  • Requer manipulação adequada de URL da imagem
  • Pode ser necessário lógica personalizada para atualizações dinâmicas do avatar
  • Recursos limitados de animação embutida
  • Depende de bibliotecas externas de carregamento de imagens
  • Não otimizado para coleções muito grandes de avatares
  • Melhor usado com cache para desempenho

README original

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

Flutter AvatarView

AvatarView is a library which will help developers to create circular as well as rectangular avatar(Using Network path or Assets path) which includes some key features.

Table of contents

Circular AvatarView Without Border

       AvatarView(
                  radius: 60,
                  borderColor: Colors.yellow,
                  avatarType: AvatarType.CIRCLE,
                  backgroundColor: Colors.red,
                  imagePath:
                  "https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?cs=srgb&dl=pexels-pixabay-415829.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),
Circular AvatarView With Border
       AvatarView(
                  radius: 60,
                  borderWidth: 8,
                  borderColor: Colors.yellow,
                  avatarType: AvatarType.CIRCLE,
                  backgroundColor: Colors.red,
                  imagePath:
                      "https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?cs=srgb&dl=pexels-pixabay-415829.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),
Rectangular AvatarView Without Border
       AvatarView(
                  radius: 60,
                  borderColor: Colors.grey,
                  avatarType: AvatarType.RECTANGLE,
                  backgroundColor: Colors.red,
                  imagePath:
                  "https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?cs=srgb&dl=pexels-pixabay-220453.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),
Rectangular AvatarView With Border
       AvatarView(
                  radius: 60,
                  borderWidth: 8,
                  borderColor: Colors.grey,
                  avatarType: AvatarType.RECTANGLE,
                  backgroundColor: Colors.red,
                  imagePath:
                  "https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?cs=srgb&dl=pexels-pixabay-220453.jpg",
                  placeHolder: Container(
                    child: Icon(Icons.person, size: 50,),
                  ),
                  errorWidget: Container(
                    child: Icon(Icons.error, size: 50,),
                  ),
                ),

Please refer examples under example packabge.

Don't forget to star⭐ /like and contribute if you want.

Requirements

  • Any Operating System (ie. MacOS X, Linux, Windows)
  • Any IDE with Flutter SDK installed (ie. Android Studio, VSCode etc)
  • A little knowledge of Dart and Flutter

Categorias

Avatar, Foto de Perfil e Cabeças de Bate-Papo

Dependências

Lista de dependências 2 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.