flutter / flutter/devtools

FEAT(`show-guidelines`): provide numeric values for overlay guidelines

Ouverte
#3,453 1 commentaire 1 réaction 0 personnes assignées Voir sur GitHub
cost: medium enhancement P3 screen: inspector
Langage dominant
Dart
Étoiles
1.7k
Forks
404
Merge moyen
6 j 17 h
PR mergées (30 j)
18

Description

We have [show-guidelines](https://flutter.dev/docs/development/tools/devtools/inspector#show-guidelines), which is a superb feature on its own.

### Improvement (what?)
However on top of this feature. What could be even better is the ability to toggle display of numeric values of the overlay lines themselves. This numeric value would show within the flutter app overlay and not editor.

### Motivation (why?)
This helps a lot as it guides the **app developer** to understand if the computed runtime constraints/width/height/spacers do actually match the UI file provided by the **app designer**.

As most of the times, there is a designer who provides UI for the developer to follow via apps/services such as AdobeXD, Figma, Zeplin, InVision, Adobe Illustrator, and the list goes on. (not affiliated with any)

### Developer-Facing Interaction (how?)
This toggle could happen:
- A. Within the widget inspector controls, similar to how `show-guidelines` feature is toggled. This shows all numeric values for all lines on the screen. This is the **verbose** way to do it.
- B. Because option A. may be too verbose and pollute the UI with lots of numbers, another mechanism of showing numeric values is a simple hover. By hovering over the respective line on the app overlay, widget inspector can show numeric value of the length of the line being hovered over, while hiding numeric values of other lines. Of course this option is not mutually exclusive with option A and both can be useful to implement.

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par examiner la documentation liée de show-guidelines ainsi que les contrôles de l’inspecteur de widgets qui permettent de l’activer ou de la désactiver. Déterminez si le périmètre souhaité concerne la superposition numérique détaillée, les valeurs basées sur le survol ou les deux ; le travail est terminé lorsque l’interaction sélectionnée affiche les mesures des guides dans la superposition de l’application Flutter sans dépendre de l’éditeur.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
dart, flutter
Domaine
devtools
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

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