flutter_bloc_devtools

KO | EN

gitlite — search

#python #hacktoberfest #llm #machine-learning #rust #docker #nodejs #windows #awesome #vue #pytorch #openai #ios #open-source

flutter_bloc_devtools

(★ 70)

Remote DevTools for flutter_bloc. This package connects all Bloc (not working with Cubit) to the Remote Devtools Server, allowing the developer to inspect changes to the Blocs during runtime.

flutter_bloc_devtools Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Remote Devtools for flutter_bloc

Remote Devtools support for Blocs of [flutter_bloc](https://github.com/felangel/bloc/tree/master/packages/flutter_bloc).

N.B. `Cubit` is not supported

![Devtools Demo](https://github.com/andrea689/flutter_bloc_devtools/raw/main/demo.gif)

## Installation

Add the library to pubspec.yaml:

```yaml
dependencies:
  flutter_bloc_devtools: ^0.1.0
```

## BlocObserver configuration

Add `RemoteDevToolsObserver` to your `Bloc.observer`:

```dart
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`:

```dart
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](https://github.com/zalmoxisus/remotedev-server) package. Start the remotedev server on your machine

```bash
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.

## Examples

- [Counter](example/counter)
- [Todos](example/flutter_todos)

flutter_bloc_devtools

flutter_bloc_devtools Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

flutter_bloc_devtools

flutter_bloc_devtools Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README