devtools icon indicating copy to clipboard operation
devtools copied to clipboard
verified publisher icon flutter

Semantics tree inspector

Open dnfield opened this issue 6 years ago • 3 comments

Similar to https://github.com/flutter/devtools/issues/481

Would be really nice to have a way to view the semantics tree.

/cc @darrenaustin @goderbauer fyi

dnfield avatar Nov 25 '19 18:11 dnfield

Is there maybe any chance in having this feature in the near future?

Albert221 avatar Feb 28 '23 09:02 Albert221

Some ideas from go/flutter-semantics

It would be good if the tool can reference an area of the screen to a semantics node as well as what widget or widget subtree that generates the semantics node. Some thing like a side by side screen, where semantics tree on one side and the running app on the other. When mouse hover a node on the semantics tree, the corresponding area of the running app will be highlighted.

chunhtai avatar Aug 21 '24 19:08 chunhtai

Hello! bumping this, coming from react testing library it'd be great to take the same approach of writing tests based on accessibility metadata when developing flutter apps. Right now the only way I've found of getting the current semantic tree is through debugDumpSemanticsTree which is a rather basic dev experience.

ivanpondal avatar May 09 '25 12:05 ivanpondal