▷ Mostrar guías padres en VS Code para Flutter
En Flutter, la interfaz se construye anidando widgets dentro de otros, y en pantallas complejas es fácil perderse entre tantos niveles de paréntesis. La extensión de Dart para Visual Studio Code puede dibujar unas líneas guía que conectan cada widget padre con sus hijos, lo que hace mucho más fácil leer el árbol de widgets.
En este post te voy a mostrar cómo activar estas guías en VS Code para Flutter:
- Vamos al menú de Configuración (Settings).
- Buscamos
Flutter UI. - Marcamos la opción que muestra las guías (Flutter UI Guides).
- Reiniciamos VS Code.
También puedes activarlas directamente en el fichero settings.json de VS Code con la opción "dart.previewFlutterUiGuides": true. Necesitas tener instaladas las extensiones de Dart y Flutter.