flutter / flutter/devtools

Debug focus nodes

Ouverte
#3,634 4 commentaires 31 réactions 0 personnes assignées Voir sur GitHub
enhancement P2 screen: inspector
Langage dominant
Dart
Étoiles
1.7k
Forks
404
Merge moyen
6 j 17 h
PR mergées (30 j)
18

Description

It would be useful if focusNodes was possible to see in the widget inspector tree and also see which one is currently focused.

The only solution I found to figure out which focusNode has foucs is to
1. stick in a shortcut in the three that grab the focused node from context,
2. put a break point on the print row
3. use TAB key in app to move focus to the node I have no idea where it is located
4. then tap R key
5. Try to figure out where in the tree it is located, which unfortunately is not that easy. The _debugLabel might give some clues and one can go into _parent and _children and read their _debugLabel to try to figure out where in the tree this focusNode is loocated

```
CallbackShortcuts(
bindings: {
const SingleActivator(LogicalKeyboardKey.keyR): () {
print(FocusScope.of(context).focusedChild);
},
},
child: ..
)
```

An alternative also helpful feature would be if I could do the following:
1. in a berakpoint with context in scope put eg `FocusScope.of(context).focusedChild` in the watch window
2. somehow highlight this widget in the widget inspector tree and/or in the app.

# Use case
In the case I try to debug there is four buttons on the screen and when I tab from the third one, there is an invisible focus node somewhere that I think receives the focus as the fourth button does not receive focus when I have wrapped it in a Link widget. I did a simplified case that did not reproduce this bug, so in my big app I want to try to understand where this focus node is coming from.

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.