undraw

Visão geral do pacote

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

O pacote undraw é uma biblioteca Flutter que fornece acesso a uma coleção de ilustrações de código aberto criadas por Katerina Limpitsouni. Desenvolvido por westdabestdb, ele permite que desenvolvedores integrem facilmente ilustrações SVG de alta qualidade e personalizáveis em seus aplicativos Flutter. O pacote simplifica a inclusão de gráficos visualmente atraentes sem a necessidade de ativos externos ou configurações complexas. É ideal para melhorar interfaces do usuário com visuais expressivos e modernos em diversos contextos de aplicativos.

Casos de uso

Adicionando ilustrações decorativas às telas de onboarding
Melhorando estados vazios com visualizações envolventes
Melhorando o design da interface em painéis e aplicativos
Criando identidade visual consistente por meio de ilustrações temáticas
Apoio a aplicativos multilíngues com imagens universais

Principais recursos

ilustrações SVG de código aberto pré-desenhadas
Integração fácil por meio do Flutter pub
Leve e otimizado para desempenho
Cores e tamanhos personalizáveis
Nenhuma dependência externa necessária

Indicado para

Designers de UI procurando gráficos prontos
Desenvolvedores construindo aplicativos leves
Startups que precisam de ativos de design custo-efetivos
Aplicações educacionais e de produtividade
Aplicativos direcionados para públicos globais

Considerações

Limitado apenas ao formato SVG
Ilustrações são estáticas (sem animações)
Requer internet para o download inicial dos ativos
Nem todas as ilustrações podem combinar com o tom de cada marca
Sem suporte embutido a animação

README original

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

undraw/UnDraw

UnDraw is a Flutter widget that provides 700+ illustrations, designed by Katerina Limpitsouni and developed by westdabestdb.

Getting Started

Add this to your package's pubspec.yaml file:

...
dependencies:
  undraw: ^1.0.2

Now in your Dart code, you can use:

import 'package:undraw/undraw.dart';

Usage

UnDraw(
  color: Colors.red,
  illustration: UnDrawIllustration.mobile_application,
  placeholder: Text("Illustration is loading..."), //optional, default is the CircularProgressIndicator().
  errorWidget: Icon(Icons.error_outline, color: Colors.red, size: 50), //optional, default is the Text('Could not load illustration!').
)

Buscar pacotes, repositórios e categorias de apps

Instalar pacote