Contenedores
Clase 24 de 29 • Curso de Dart
Contenido del curso
Facundo Nicolás García Martoni
teacher•
hace 7 años
hector alejandro viscue parra
student•
hace 7 años
Ronnie Moncayo
student•
hace 7 años
Clase 24 de 29 • Curso de Dart
Contenido del curso
Facundo Nicolás García Martoni
hector alejandro viscue parra
Ronnie Moncayo
JOSE ADRIAN TEZOYOTL MORALES
Argel Bejarano
Fernando Pioli Martínez
Harley Alexander Zapata Hernandez
Elias Ojeda Medina
David Galicia
Carlos Alberto Orellana Soto
Alirio Alejandro Angel Arenas
Usuario anónimo
Ervic Perez Mendoza
Mauricio Perez Morales
Mario Enrique Ascencio Garcia
Fabian Anzola
Diego Armando Calero Galvis
Valeria Calcina Cisneros
Rubén Raúl Hernández Mac-kinley
Diego Alfonso Najera Ortiz
Leonardo Antonio Sánchez López
Rodrigo Guerra Castilla
Misael Cuevas Vásquez
Milton Andrés Sanabria
David Gonzalez
Danny Richarson Cerrato Cantarero
Lizardo Reyes
++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"
gracias
gracias!
borras muchas cosas que no son necesarias pero no nos dices porque no son necesarias
Lo que se borro para que fuera mas fácil ver sobre lo que estamos trabajando, solo se quito la función que esta trabajando el incrementar, el FloatingActionButton el cual mandaba llamar el método de incrementar y también se elimino el Text en el cual se mostraba el valor que se estaba incrementando, te recomiendo si quieres ver algo mas básico la profesora Ann tiene el curso de básicos de Flutter en el que ve mas a detalle lo visto aquí. :D
Totalmente de acuerdo con ArkangelB. **Primero **hacete el curso de FLUTTER, aunque vas a tener que buscar un poco en youTube como configurar el espacio de trabajo xq la profe no lo da. **Después **viene este que profundiza lo de FLUTTER. Y cuando llegas a estas últimas clases todo va a ser **muuuuuuuucho **más fácil.
Woow, es decir, no requiere XML, ¡todo es desde el mismo código!
Es muy parecido a la forma en que trabaja React
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?
Debes tener instalado la extensión de Flutter en VSC. https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
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
de donde saco ese tema? seran los que estan en https://www.uplabs.com/ ???
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?
Mac: CMD + / Windows: Ctrl + /
Si trabajas en VSC: Windows: ctrl + {
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.