flet icon indicating copy to clipboard operation
flet copied to clipboard

Can we use DevTools to debug the UI layout?

Open liuzhuoling2011 opened this issue 1 year ago • 2 comments

Find a way to debug UI issues

Flet is very elegant and easy to use. It's smooth to develop simple UI, but when it comes to developing more complex UI interfaces with nested component layers, I haven't found a convenient method for debugging the UI layout.

Previously, when developing Web UI, I used Chrome DevTools which allowed me to inspect elements.

I hope that similar tools can be used when developing with Flet.

(Optional): Suggest A Solution

Dart Devtools It looks quite close to the requirements, but when I tried to connect Flet Web, it felt stuck. Could you provide some help or ideas? Thanks~ image

liuzhuoling2011 avatar Nov 08 '23 10:11 liuzhuoling2011

I'd also note that Dart Devtools is a very smart and efficient tool for flutter debugging. Instead of reinventing the wheel, it would make a lot of sense to somehow integrate Dart Devtools with flet, even if it has reasonable overhead when running.

All flet developers would immensely benefit from this.

Petrox avatar Dec 06 '23 16:12 Petrox

up

liuzhuoling2011 avatar Apr 10 '24 06:04 liuzhuoling2011