flutter / flutter/devtools

Support inspection for Flutter themes

Abierto
#483 2 comentarios 14 reacciones 0 asignados Ver en GitHub
new feature P2 screen: inspector
Lenguaje dominante
Dart
Estrellas
1.7k
Forks
404
Merge medio
6 d 17 h
PR fusionados (30 d)
18

Descripción

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.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comience con Flutter Inspector y evalúe el Kernel transformer y el enfoque de static-analysis propuestos y descritos en el issue. Defina cómo un Widget inspeccionado expondría su Theme aplicado, los valores de Theme utilizados y el origen de los estilos de renderizado resultantes; al completarlo, el color del icono y el Theme que lo proporciona deberían poder inspeccionarse.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
dart, flutter
Área
devtools
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.