Notas de la versión de DevTools 2.8.0

La versión 2.8.0 de DevTools de Dart y Flutter incluye los siguientes cambios entre otras mejoras generales. Para aprender más sobre DevTools, consulta la visión general de DevTools.

• Mejoras para el tiempo de carga inicial de la página - #3325

• Mejoras de rendimiento al conectar DevTools a un dispositivo, particularmente impactante para dispositivos de baja memoria - #3468

• Para usuarios en Flutter 2.8.0 o superior (o Dart 2.15.0 o superior), DevTools ahora debería ejecutarse a través del comando dart devtools en lugar de ejecutar pub global activate devtools. DevTools 2.8.0 será la última versión de DevTools distribuida en pub, y todas las versiones futuras de DevTools se distribuirán como parte del SDK de Dart. Si ves esta advertencia, asegúrate de abrir DevTools a través de dart devtools en lugar de pub:

  

• Se añadió una nueva función "Enhance Tracing" para ayudar a los usuarios a diagnosticar el UI jank derivado de operaciones costosas de Build, Layout y Paint.

  

  El flujo de trabajo esperado es el siguiente:

  1. El usuario está investigando UI jank en la página de rendimiento
  2. El usuario nota un evento largo de Build, Layout y/o Paint
  3. El usuario activa la casilla de seguimiento respectiva en la función "Enhance Tracing"
  4. El usuario reproduce el UI jank en su app
  5. El usuario examina el nuevo conjunto de eventos de la línea de tiempo, que ahora debería tener eventos hijos adicionales para Widgets construidos, RenderObjects posicionados (layout), y/o RenderObjects dibujados (paint)

  

• Se añadió la nueva función "More debugging options" para permitir desactivar las capas de renderizado para Clip, Opacity y Physical Shapes.

  

  El flujo de trabajo esperado es el siguiente:

  1. El usuario está investigando UI jank en la página de rendimiento
  2. El usuario nota una gran cantidad de frames con jank y sospecha que podría deberse al uso excesivo de recorte (clipping), opacidad o formas físicas (physical shapes).
  3. El usuario desactiva el conmutador de la capa de renderizado respectiva en la función "More debugging options"
  4. El usuario reproduce el UI jank en su app
  5. Si el UI jank se reduce con una capa de renderizado desactivada, el usuario debería intentar optimizar su app para usar menos efectos de clipping/opacity/physical shape. Si el UI jank no se reduce, el usuario ahora sabe que el problema de rendimiento no se debe a estos efectos de UI.

• Se reemplazó el panel "Libraries" con un panel "File Explorer" - #3448. El panel "File Explorer" tiene dos componentes:

  1. Una vista de árbol de las librerías presentes en tu aplicación. Puedes usar el File Explorer para buscar y abrir una librería, o puedes usar el atajo de teclado existente Ctrl / Cmd + P para buscar un archivo.
  2. Una nueva vista "Outline" que muestra la estructura de la librería seleccionada. Esta vista mostrará clases, miembros, métodos, etc., y cuando se seleccione un elemento, la vista de código fuente saltará a la línea de código respectiva para el elemento seleccionado.

  

• Mejoras de rendimiento en el autocompletado de evaluación de expresiones - #3463

• Se solucionó un error con los atajos de teclado - #3458

• Retoque visual de la UI - #3421, #3449

Para encontrar una lista completa de cambios desde la versión anterior, consulta el diff en GitHub.