flutter_bloc_devtools

Visão geral do pacote

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

flutter_bloc_devtools habilita o depurador remoto de estados do Bloc em aplicativos Flutter conectando todas as instâncias do Bloc a um servidor DevTools. Isso permite que os desenvolvedores inspecionem mudanças de estado, rastreiem transições e depurem a lógica do bloc em tempo real durante a execução. O pacote se integra perfeitamente ao ecossistema Flutter DevTools, fornecendo visibilidade sobre o comportamento do bloc sem exigir configuração local de depuração. É particularmente útil em cenários complexos de gerenciamento de estado onde entender o fluxo de estado é essencial.

Casos de uso

Inspeção de estado em tempo real durante o desenvolvimento
Depuração de transições de estado complexas
Depuração remota em múltiplos dispositivos
Monitoramento do comportamento de blocos em ambientes semelhantes ao de produção
sessões colaborativas de depuração

Principais recursos

Conecta todas as instâncias do Bloc a um servidor remoto do DevTools
Fornece rastreamento de alterações de estado em tempo real
Integração com o Flutter DevTools
Suporta depuração remota sem configuração local
Habilita a visualização de eventos e estados do bloc

Indicado para

Desenvolvedores trabalhando com gerenciamento de estado complexo
Equipes colaborando em aplicativos com muitos estados
Testes e depuração em ambientes distribuídos
Aplicativos que exigem monitoramento detalhado do estado

Considerações

Requer um servidor DevTools em execução
Não destinado ao uso em produção
Pode introduzir latência em atualizações de estado de alta frequência
Limitado a projetos Flutter usando flutter_bloc
Depende da conectividade de rede para acesso remoto

README original

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

Remote Devtools for flutter_bloc

Remote Devtools support for Blocs of flutter_bloc.

N.B. Cubit is not supported

Installation

Add the library to pubspec.yaml:

dependencies:
  flutter_bloc_devtools: ^0.1.0

BlocObserver configuration

Add RemoteDevToolsObserver to your Bloc.observer:

void main() async {
  final observer = RemoteDevToolsObserver('192.168.1.7:8000');
  await observer.connect();
  Bloc.observer = observer;

  runApp(const CounterApp());
}

Making your Events and States Mappable

Events and States have to implements Mappable:

class CounterState extends Equatable implements Mappable {
  final int counter;

  const CounterState({
    this.counter,
  });

  @override
  List<Object> get props => [
        counter,
      ];

  @override
  Map<String, dynamic> toMap() => {
        'counter': counter,
      };
}

Using remotedev

Use the Javascript Remote Devtools package. Start the remotedev server on your machine

npm install -g remotedev-server
remotedev --port 8000

Run your application. It will connect to the remotedev server. You can now debug your flutter_bloc application by opening up http://localhost:8000 in a web browser.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote