Contenedores

Resumen

Los contenedores o containers son la estructura visual básica de una aplicación en Flutter, nos permiten agrupar u organizar internamente otros widgets, además de que tienen propiedades visuales

Facundo Nicolás García Martoni

teacher•

++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"

hector alejandro viscue parra

student•

gracias

Ronnie Moncayo

student•

gracias!

JOSE ADRIAN TEZOYOTL MORALES

student•

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

Argel Bejarano

teacher•

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

Fernando Pioli Martínez

student•

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.

Harley Alexander Zapata Hernandez

student•

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

Elias Ojeda Medina

student•

Es muy parecido a la forma en que trabaja React

David Galicia

student•

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

Carlos Alberto Orellana Soto

student•

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

Alirio Alejandro Angel Arenas

student•

¿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?

Usuario anónimo

user•

Debes tener instalado la extensión de Flutter en VSC. https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

Ervic Perez Mendoza

student•

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

Mauricio Perez Morales

student•

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

Mario Enrique Ascencio Garcia

student•

de donde saco ese tema? seran los que estan en https://www.uplabs.com/ ???

Fabian Anzola

student•

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

Diego Armando Calero Galvis

student•

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

Valeria Calcina Cisneros

student•

Parecido a React pero mas complejo...

Rubén Raúl Hernández Mac-kinley

student•

  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),
    );
  }

Diego Alfonso Najera Ortiz

student•

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

Leonardo Antonio Sánchez López

student•

Los containers son equivalentes a un div en html

Rodrigo Guerra Castilla

student•

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

Misael Cuevas Vásquez

student•

Mac: CMD + / Windows: Ctrl + /

Milton Andrés Sanabria

student•

Si trabajas en VSC: Windows: ctrl + {

David Gonzalez

student•

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!

Danny Richarson Cerrato Cantarero

student•

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.

Lizardo Reyes

student•

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

  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),
    );
  }

Contenedores

Bienvenida e Introducción

Introducción y Bienvenida

Dart vs. Go vs. JavaScript vs. Kotlin

DartPad y qué editores utlizar

Básicos 1: Variables y Operadores

Variables: Números (int,double), String y booleanos

Colecciones

Diccionarios

Constantes (final y const)

Operadores aritméticos, de asignacion y lógicos

Básicos 2: Funciones y Parámetros

Declaración de funciones y la función Main()

Funciones de sintaxis corta (Arrow) y Anónimas (Lambda)

Parámetros requeridos, opcionales, posicionados, nombrados y por defecto

Básicos 3: Flujos de Control

If-Else y Expresiones Condicionales

Switch y Case

For

While y do-while

Break y Continue

Clases

Definición de clases y miembros

Constructores por defecto, por parámetro o nombrados

Métodos Getter y Setter y variables privadas

Herencia

Clases Abstractas

Interfaces implícitas

Utilizar Flutter en Dart

Iniciar y estructurar un proyecto en Flutter

Contenedores

Creando un botón personalizado con el Widget Container

Modelos de datos y peticiones http

Trabajando datos http y Widget Future Builder

Ejecutando el mismo código en Android y iOS

Conclusiones

Dart en el futuro