flutter / flutter/devtools

Support inspection for Flutter themes

Aperta
#483 2 commenti 14 reazioni 0 assegnatari Vedi su GitHub
new feature P2 screen: inspector
Lingua principale
Dart
Stelle
1.7k
Fork
404
Merge medio
6g 17h
PR unite (30g)
18

Descrizione

The Flutter Inspector should make inspecting themes in Flutter as easy as inspecting what CSS styles apply to an HTML element.

We are far away from that currently. Currently if you know exactly where to look you can sometimes see what the rendering styles are but you cannot determine why the rendering styles are the way they are.

Potentially the correct Kernel transformer combined with static analysis of the code for a Widget could let us determine what themes applied to Widget and even what values from the Theme were used.

Example use case from @willlarche
I have an icon and I need to make sure it's not black but dark brown. You can't tell really with the naked eye. But when I inspect it, I don't get the info on its color anywhere I look:
![image](https://user-images.githubusercontent.com/1226812/45962696-4e28bf80-bfd6-11e8-8e41-c5d8d22a6d87.png)
![image](https://user-images.githubusercontent.com/1226812/45962707-5680fa80-bfd6-11e8-97c2-4a2dbe4e5daf.png)
![image](https://user-images.githubusercontent.com/1226812/45962725-600a6280-bfd6-11e8-96b2-1a17a3fa3b1f.png)
And it's themed so chances are the 'default' isn't what's being shown. Would love to know which theme is giving me that value.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con Flutter Inspector e valuta il Kernel transformer proposto e l’approccio di static-analysis descritto nell’issue. Definisci come un Widget ispezionato esporrebbe il proprio Theme applicato, i valori di Theme utilizzati e l’origine degli stili di rendering risultanti; al completamento, il colore dell’icona e il Theme che lo fornisce dovrebbero essere ispezionabili.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
dart, flutter
Ambito
devtools
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.