Creando un botón personalizado con el Widget Container

Clase 25 de 29 • Curso de Dart

Clase anteriorSiguiente clase

Elias Ojeda Medina

student•

Lo bueno que tome primero el curso de flutter jajaja. Explica medio raro este profe. Entendí mejor con Anahí xD.

Mateo Santiago Zapata Maldonado

student•

Totalmente

Matias Rojas Toro

student•

Es como la Miss Panama hablando de Confuncio... Si no lo conocen busquen en iutub xdxd

Facundo Nicolás García Martoni

teacher•

++RESUMEN DE LA CLASE++

Al crear una clase personalizada es recomendable establecer los atributos como final, para poder usar el shortcut Alt+Enter para crear un constructor. Este último puede tener parametros nombrados para facilitar su uso.

Natalí Alejandra Chávez Sierra

student•

Gracias

Nicolas Miranda

student•

Cual es la clase anterior container, me podrían mandar un link o algo, porque según yo la clase 22 es de herencia y como que no sigue el hilo con esta actual

Helard Flores

student•

tan dificil es compilar mientras escribes codigo??? crees que se entiende lo que se explica.... es como si estuviera copiando codigo de otro archivo ... que asco .. de los peores cursos ., y se supone que es basico este curso ....

Valeria Calcina Cisneros

student•

Hola! gracias por tu opinion, pero podrias ser un poco mas respetuoso?

JOSE EMMANUEL RAMIREZ GUERRERO

student•

Se que la mayoría estamos aquí previo al curso de Flutter y no esta mal la clase como un demo de lo que viene en Flutter, pero la verdad sin hay estudiante nuevos en el ámbito del desarrollo y no ha usado otros frameworks, esta clase fue de Whaaaat...

Bueno, la verdad me interesaría más saber sobre el lenguaje en si, la parte de como se genera un Contructor cuando usamos final en las variables debió estar junto a la clase donde explicaba las "clases".

Reconozco que el profesor ha de ser bueno en Flutter y lo ha de dominar muy bien pero creo que para explicar el lenguaje aún pueden hacer mejoras.

Ervic Perez Mendoza

student•

Atajos de teclado en VSC

Dar formato Shift + Alt + F

Envolver un widget Ctrl + Shift + R

Denis Morales

student•

Me parece que la explicación quedo muy buena, si uno es nuevo obviamente le va a costar más. Quede sorprendido con lo sencillo que fue adoptar Dart, cosa que no me paso con Kotlin (me costo más). Y la previa a flutter le va a costar a CUALQUIERA que nunca lo haya visto eso es un hecho, igual me gusto la previa de Flutter, pero entendiendo que no todos ya tenemos experiencia en algún lenguaje, considero que la parte de Flutter no era necesaria, tal vez la introducción debió ser como una charla de esta tecnología y no como un modulo de clases sobre flutter. Igual Flutter esta en el curso de Flutter propio. Por lo que respecta al curso netamente de Dart, me parece que cumplio mis expectativas. Sencillo, rapido, y directamente al código, como debe ser. Ahora me voy al curso de flutter con Anahí

Félix Alejandro Zelaya Orellana

student•

Dios! que hace esta clase aquí!!

Mariandrea Cruz

student•

gracias Félix, ya fue corregido el orden del módulo :)

Emmanuel Guerra Sánchez

student•

Faltó utilizar la function que pasamos por parámetro. La pueden utilizar con el parámetro onTap: de InkWell

return InkWell(
      child: Container(
	...
      ),
      onTap: function,
    );

Usuario anónimo

user•

¡Gracias por la información!

Paúl Terán

student•

Flutter me ha encantado!! Sé que la curva de aprendizaje no es tan sencilla de abstraer, pero es algo normal cuando inicias en el mundo del desarrollo móvil con este tipo de herramientas. Me pasó lo mismo cuando aprendí React Native. Tal vez sea un poco más fácil agregar propiedades de estilo en este, pero Flutter ocupa más rendimiento y no deja escapar configuración alguna como suele suceder en React Native.

A seguir aprendiendo...!!

Camilo Morales Sanchez

student•

Muy mal Curso sinceramente va a mil y ni explica conceptos si este es el curso básico por que no explica todo detalladamente

Alexis Dueñas Aviña

student•

Es que es un curso básico del lenguaje de Dart que esta orientado a objetos y no del framework de Flutter. Y supongo que solo muestran como los conocimientos adquiridos están aplicados en el desarrollo de una aplicación.

Fabian Anzola

student•

desde aca parace que si o si, se debe trabajar en android studio, las pautas iniciales fueron que cualquier editor valia, pero ya aca no fue asi. tambien a lo llargo del curso realiza mucho atajo del teclado, seria bueno que fuera explicando esos atajos.

Cristian Leon

student•

Me parece Interesante la forma en la cual se implementa dart en flutter, creo que lo que se vio en esta clase ya manipulando flutter es como una breve introducción de lo que se puede hacer.

Jesús Manuel Mejía Rojas

student•

Si les llega a servir, la forma en que el profesor envuelve y declara las id de this en Vs code es con "Ctrl + ."

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

student•

@override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: function,
      child: Container(
        width: width,
        height: height,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.only(topRight: Radius.circular(height / 2)),
          gradient: LinearGradient(
            colors: gradientColors,
            begin: initialPosition,
            end: finalPosition
          ),
          boxShadow: [
            BoxShadow(
              color: Colors.black,
              offset: Offset(2, -2),
              blurRadius: height * .1,
              spreadRadius: 1,
            )
          ]
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: &lt;Widget&gt;[
            leadingIcon ?? Container(),
            text,
            finalIcon ?? Offstage(),
          ],
        ),
      ),
    );
  }

Cristobal Terceiro

company_admin•

Es posible descargarse el código del profesor????. En archivos y enlaces te descarga un HTML, ningún archivo .dart

namaste namaste

student•

Esta desordenado el tema de flutter trate de ordenarlo : 1.-iniciar-y-estructurar-un-proyecto-en-flutter 2.-contenedores 3.-Creando un botón personalizado con el Widget Container 4.-modelos-de-datos-y-peticiones-http 5.-trabajando-datos-http-y-widget-future-builder 6.-ejecutando-el-mismo-codigo-en-android-y-ios me parece que el order deberia ser asi.

Nicolas Miranda

student•

Hola me gustaría saber como hizo el profesor para crear ese tipo de proyecto en el IDE, ya que en las clases anteriores el proyecto era de tipo Console Application, y este es distinto

Argel Bejarano

teacher•

Hola,

Claro te comento, de inicio estaba trabajando con un proyecto tipo dart, al inicio de dice IntelliJ mi IDE de elección que tipo de proyecto deseas, Dart o Flutter si eliges Dart te pone varios tipos como Consola, Web, etcetera.. ya que si quieres ver todo lo que yo hice ahi, deberas agregar a tu IDE o Editor como VSCode o IntelliJ, el plugin de Flutter y elegir este, al iniciarlo te pedirá que elijas que quieres crear, Aplicación, Package o Plugin, elige Aplicación y podrás tener acceso a todas las funcionalidades que vez en la clase.

Espero te sirva la respuesta si no siéntete con la confianza de decirme en que punto te has confudido y con gusto te apoyo mas.

Saludos.

Nicolas Miranda

student•

Tampoco se explica como crear el proyecto en el IDE, ni que tipo de clase es.

Nicolas Miranda

student•

Consulta, cual es la clase de containers, dice el profesor "en la clase anterior estuvimos viendo como utilizar container", eso no es así ya que la clase anterior es de herencia, lo otro no se explica como crear el proyecto desde 0 desde el IDE, alguien me podría ayudar con eso?

Mariana Valencia Gallego

student•

¡Hola! Ya hemos arreglado el orden de este módulo :)

Juan Camilo Cubillos Diaz

student•

De que clase anterior esta hablando?

Mariana Valencia Gallego

student•

Ya hemos arreglado el orden de las clases del módulo Clases :)

Creando un botón personalizado con el Widget Container

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