Contenedores

RESUMEN DE LA CLASE

Containers: Estructura visual básica de una aplicación en Flutter. Nos permite organizar y agrupar Widgets, y agregarles propiedades visuales.

Propiedades:
-height: alto (double.infinity ocupa todo el espacio posible)
-width: ancho
-color: color del container
-padding: bordes internos del container
-margin: bordes externos del container
-child: hijo
-alignment: alineación
-decoration: decoración
.color: color de decoración
.border: borde del container
-transform: rota el container.
-constraints: restricciones del container.

debugShowCheckedModeBanner: Propiedad que nos permite activar o desactivar el banner de “DEBUG”

borras muchas cosas que no son necesarias pero no nos dices porque no son necesarias

Woow, es decir, no requiere XML, ¡todo es desde el mismo código!

Despues del curso de Flutter esta segunda parte del de Dart es mas clara

No pongo en duda los conocimientos del profesor; pero este curso no esta bueno. No enseña bien y no hay una estructura. Estaría bueno que reestructuraran este curso team Platzi; es el único de Dart como tal que hay.

Slds

¿Es una funcion del editor de codigo cada vez que autocomplete cierre el bloque con un comentario del referente al tipo de bloque que es? ¿existe alguna plugin para VSC que haga lo mismo?

Widget Container explicado en 2 minutos 😃
https://www.youtube.com/watch?v=c1xLMaTUWCY

Documentacion oficial sobre la clase Container
https://api.flutter.dev/flutter/widgets/Container-class.html

Si creo que este curso esta como desordenado en la carrera. Debería ser el inicial si vas a a Estudiar Flutter, ya que Flutter usa lenguaje DART

el contenedor es un espacio sl que se le dan atributos de diseño

Muy similar a React aunque lo considero mucho más complejo.

Parecido a React pero mas complejo…

  Widget customContainer() {
    return Container(
      width: double.infinity,
      height: double.infinity,
      padding: EdgeInsets.all(16),
      margin: EdgeInsets.all(16),
      alignment: Alignment.center,
      child: Text('Mi primera app'.toUpperCase()),
      decoration: BoxDecoration(
        color: Colors.purple,
        border: Border.all(
          color: Colors.teal,
          width: 5,
        ),
      ),
      transform: Matrix4.rotationZ(.05),
      constraints: BoxConstraints(maxWidth: 100),
    );
  }

Ahora quedan un poco más claros los conceptos del curso de Flutter

Los containers son equivalentes a un div en html

¿Cómo se le hace para comentar las lineas de código seleccionadas al mismo tiempo?

Si tienen problemas para entender esta parte como a mi me paso, les recomiendo que vayan al curso siguiente de Flutter y después si tienen dudas allí aquí luego las resuelve jajajajajaja que paradójico se complementan!

Muy mal haber saltado de dart a fluter de una manera tan brusca. No me gusta para nada como va este curso a partir de aqui.

Estaria bien que explicaran como poner el IDE para trabajar con el autocompletado como el profesor.