Flutter: uso del depurador

Flutter es un SDK de interfaz de usuario de código abierto que es un kit de desarrollo de software. Flutter es un proyecto de código abierto y es mantenido por Google. Esto se utiliza para desarrollar aplicaciones para Android, aplicaciones iOS y sistemas operativos como software Linux, aplicaciones y software Mac, aplicaciones Windows, Google Fuchsia y el sitio web a partir de una única base de código. Actualmente, en marzo de 2021, Google lanzó otra nueva versión de flutter que es Flutter 2. Flutter como kit de desarrollo de software es excelente, pero al crear una aplicación grande es evidente que habrá algunos problemas o errores en el código que tiene que ser depurado. Flutter proporciona múltiples herramientas de depuración, como el inspector de línea de tiempo, el inspector de memoria y rendimiento, y más. Estas herramientas facilitan el proceso de depuración para un desarrollador, a continuación se enumeran diferentes herramientas para depurar aplicaciones de flutter.

Depuración de aplicaciones de Flutter:

Existe una amplia gama de herramientas y características para ayudar a depurar aplicaciones de Flutter. Las siguientes herramientas y características están disponibles:

1.  DevTool, un conjunto de herramientas de rendimiento y creación de perfiles que se ejecutan en un navegador.
2. Android Studio/IntelliJ y VS Code admiten un depurador de nivel de fuente incorporado con la capacidad de establecer los puntos de interrupción, recorrer el código y examinar los valores.
3. Vista de registro, un inspector de widgets que trabaja en DevTools y también indirectamente desde Android Studio e IntelliJ. El inspector le permite examinar una representación visual de los árboles de widgets, inspeccionar widgets individuales y sus valores de propiedad, habilitar la superposición de rendimiento y más.

Salida de la consola : la salida de la consola para la aplicación en ejecución (stdout y stderr) se muestra en la consola, debajo del área del código fuente. También puede ver el resultado en la captura de pantalla.

Mejore el flujo de trabajo con una vista completa de los lanzamientos, para que pueda marcar los errores como resueltos y priorizar los problemas activos. En la depuración de flutter, ejecute el código completo línea por línea para la instancia única. También aprenda en qué versión apareció por primera vez un error en particular, fusione duplicados y sepa si las cosas retroceden en una versión futura. Agregue datos de confirmación para sugerir automáticamente un propietario de cada error de aplicación.

Usando el depurador:  

Funciona con todas las aplicaciones flutter & Dart.

Ejemplo : 

Primero, importamos el paquete flutter y la clase particular (material) usando el comando «importar» paquete flutter /material dart. Básicamente, dart es desarrollado por Google para múltiples plataformas, como crear aplicaciones móviles, de escritorio, de servidor y web. En realidad, flutter es muy rico en clases, por lo que importamos una clase en particular. Aquí importamos la clase de material. “Importar dart: desarrollador como desarrollador” aquí importamos las herramientas de desarrollador como el depurador y el inspector. Básicamente, en este ejemplo, estamos usando la clase de contador.

En esta imagen usamos la función dev.debugger()

Después de esta llamada, la depuración real la realiza el desarrollador, puede ver cada iteración del código para verificar cada iteración del código ejecutado y también mostrar cada acción que genera la consola. Eso hace que el desarrollador tenga en cuenta el flujo real del código y, de hecho, la acción se realiza en qué iteración. 

Fácil de calcular la línea de código inútil o el código en la parte del código que no es realmente útil. El trabajo se realiza o no es útil para el desarrollador que es la aplicación de depuración del código o la aplicación. 

Herramientas de desarrollo 

1. Depurador de nivel de fuente completo: un depurador de nivel de fuente completo es un tipo de depurador que muestra esa expresión en el código fuente que resultó en un código de máquina particular cargado en la memoria del sistema. Es una muy buena herramienta para depurar programas de ejecución. Es útil cuando se trabaja con programas bloqueados que dejan archivos de volcado. En las declaraciones del depurador de nivel de origen en el origen y la ubicación de ese código en el ejecutable.

2. Puntos de interrupción compatibles : el punto de interrupción compatible es una característica excelente. La función proporcionada por el depurador Al realizar un reinicio en caliente para una aplicación Flutter, se borran los puntos de interrupción del usuario. Para configurar puntos de interrupción en cualquier programa, haga clic en el margen izquierdo en el área de origen. Haga clic una vez para establecer puntos de interrupción. Que también se muestra en el área de puntos de interrupción a la izquierda.

3. Paso a paso: Paso a paso significa usar Step in para ingresar a la invocación de un método, deteniéndose en la primera línea ejecutable en el método invocado. Use Paso a paso para pasar por encima de la invocación de un método: Esto recorre las líneas fuente en el método actual en su programa. Utilice Salir para salir del método actual, sin detenerse en ninguna línea intermedia del programa.

4. Inspección de variables: la inspección de variables en el inspector de widgets de Flutter es una herramienta poderosa para visualizar y explorar los árboles de widgets de Flutter. El SDK de Flutter utiliza widgets como el bloque de construcción central de los controles de formulario de la aplicación, como texto, botones y conmutadores, para diseños como centrado, relleno, filas y columnas. La herramienta de inspección de variables se emplea para visualizar y explorar los árboles de widgets de Flutter y se puede usar para lo siguiente: comprender los diseños existentes que ya están en él y verificar el diagnóstico de problemas de diseño.

Cuando usamos la pestaña del depurador, deberíamos ver la fuente de los principales puntos de entrada de nuestra aplicación cargada en el depurador.