flutter_stetho 0.1.0

A network inspector for Flutter on Android using the Chrome Dev Tools

flutter_stetho

A plugin that connects Flutter to the Chrome Dev Tools on Android devices via the Stetho Android Library.

Network Inspector

The main feature I was aiming to achieve was a Network Inspector.

Getting Started

How can you too get this plugin up and running in your own app? Follow these steps.

Install the plugin

Add the following to your dev_dependencies in your pubspec.yaml

dev_dependencies:
  flutter_stetho: 0.0.1

Install StethoHttpOverrides

Next, you'll need to install the StethoHttpOverrides in the main() function of your app. This will allow flutter_stetho to wrap all http calls and report information to the Chrome Dev Tools via the Stetho package from Facebook.

Note: It's probably a good idea only put this override in a main_dev.dart file.

void main() {
  HttpOverrides.global = new StethoHttpOverrides();

  runApp(new MyApp());
}

Run your app on an Android Device

flutter run

Open Chrome

Pop open Chrome or Chromium, navigate to chrome://inspect

You should now see your App appear in the window.

Known Issues

• Timing may be slightly off for some requests. That's because:
• Code is rough mvp / prototype code. Needs improvement.
• Animated Gifs not working
• Some error cases may not be properly handled. Need more testing / feedback to find problems.
• No Tests