Flutter Dev Tools Network Traffic is no longer usable. Is there an alternative?

Viewed 22

Is there a way we can efficiently look at network traffic with Flutter when developing for iOS and Android?

Flutter obviously doesn't work with proxy tools like Charles and while there used to be a hack to make it work, it only worked on simulator and not device. Unfortunately the only thing we can rely on to view network traffic is DevTools — which unlike Charles, DevTools doesn't let you modify network response or requests, and makes QA significantly more difficult. So already it's an extremely insufficient tool that doesn't let us test our app correctly.

After a recent update they've made the Network viewer part of DevTools unusable by changing the UX.

When you click on a network call the right panel no longer updates. This means you can only ever see one network call. Unless you click on one of the fake Flutter calls and then click back on an actual call. Along with this, they made it so you have to click on tiny little disclosure arrows multiple times on the right panel to be able to see what the response of the call is.

This is a huge slowdown to debugging as looking at different network calls was only one click. Now it's multiple clicks with a higher degree of accuracy needed on each click.

Has anyone figured out how to get around this? Or are we at the mercy of the Flutter Gods to fix this?

0 Answers
Related