Buscar categorias, pacotes e repositórios

ducafecatGuia do ecossistema Flutter
Capa de inspector
Detalhes do pacotev4.0.0

inspector

Um pacote Flutter para inspecionar widgets. Útil para depuração rápida ou testes de QA.

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

Instalar pacote

flutter pub add inspector

Visão geral do pacote

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

O pacote inspector é uma ferramenta do Flutter projetada para inspeção em tempo real de widgets, permitindo que desenvolvedores e testadores depurem rapidamente problemas de interface ou realizem verificações de qualidade. Ele fornece uma sobreposição interativa para examinar árvores de widgets, suas propriedades e comportamento de layout diretamente no dispositivo ou emulador. Ideal para feedback rápido durante o desenvolvimento, aumenta a visibilidade da estrutura da interface sem exigir configurações complexas. O pacote suporta todas as principais plataformas, tornando-o versátil em diferentes ambientes.

Casos de uso

  • Depuração rápida da interface
  • Testes de QA
  • Análise em tempo real de widgets
  • laço de feedback de desenvolvimento
  • Validação de interface do usuário multiplataforma

Principais recursos

  • sobreposição de widget interativa
  • Inspeção em tempo real de propriedades
  • Suporta todas as plataformas do Flutter
  • Configuração mínima necessária
  • Interface gráfica intuitiva para não desenvolvedores

Indicado para

  • Developers
  • testes de QA
  • Designers de UI
  • equipes de prototipagem rápida

Considerações

  • Não destinado a builds de produção
  • Pode impactar o desempenho em aplicativos grandes
  • O overlay pode interferir na interface durante os testes
  • Requer ativação manual
  • Limitado apenas à inspeção visual

README original

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

inspector

Pub Version GitHub Workflow Status Coverage Status GitHub Repo stars

A Flutter package for inspecting widgets. Also comes with an eyedropper and a magnifying glass. Useful for debugging widgets and for QA testing.

Supports keyboard shortcuts if you're using a physical keyboard.

Check out the example web app!

Inspired by inspx.

WIP

Warning, the development of this package is still in progress and some things may break your app.

Features

  • [x] Color picker
  • [x] Size inspection
  • [x] Padding inspection
  • [x] Keyboard shortcuts
  • [x] Zooming
  • [ ] BorderRadius inspection
  • [x] TextStyle inspection

Installing

Add the dependency:

$ flutter pub add inspector

Import the package:

import 'package:inspector/inspector.dart';

Wrap MaterialApp.builder or WidgetsApp.builder with Inspector:

MaterialApp(
  home: ExampleApp(),
  builder: (context, child) => Inspector(child: child!), // Wrap [child] with [Inspector]
),

Optionally, you can pass isEnabled to the Inspector to disable it. By default, the inspector is disabled when kReleaseMode == true.

Usage

If the inspector is enabled, then a panel appears on the right side of the screen, with buttons to toggle size inspection and the color picker.

It's quite straightforward to use, just tap on the widget that you want to measure or tap on the pixel to get its color.

You can also use keyboard shortcuts - Shift will toggle the color picker, Z will toggle the zoom, and Alt or Cmd will toggle the widget inspector.

Examples

Contact me

Feel free to contact me at:

E-mail: kk.erzhan@gmail.com

Categorias

Teste

Repositório-fonte

Projetos que usam este pacote