Creando un botón personalizado con el Widget Container

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

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.

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 …

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.

Atajos de teclado en VSC

Dar formato
Shift + Alt + F

Envolver un widget
Ctrl + Shift + R

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í

Dios! que hace esta clase aquí!!

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

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…!!

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

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.

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

@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: <Widget>[
            leadingIcon ?? Container(),
            text,
            finalIcon ?? Offstage(),
          ],
        ),
      ),
    );
  }

Muchas gracias

Saludos!

¡Excelente clase!

estuvo denso

Para poner la sombra del botón al inferior.

offset: Offset(-2, 2),

Wow, ahora todo va tomado mucha mas forma, es clave la abstracción para poder crear los componentes

Flutter es una maravilla. Aunque sí considero que, para el estudiante que es principiante y que no conoce nada de Flutter, la curva de aprendizaje se le puede empinar bastante, así que como sugerencia, vale la pena estructurar el contenido temático del curso de forma que sea menos abrupta esta curva de aprendizaje de pasar de Dart tan sólo a Flutter directamente. ¡Un saludo!

Siendo nuevo todo esto para mí, solo puedo decir: “Mind Blown” XD
Espero pronto poder dominar Flutter, hace ver a XML algo limitado.

Tomado del curso básico de Flutter

Widgets con estado y sin estado
Flutter dispone principalmente de dos tipos de Widgets:

Widgets con estado o StatefulWidgets
Son todos los widgets con los que el usuario de la aplicación puede tener una interacción directa. Por ejemplo: Checkbox, Radio, Slider, Form. Este tipo de widgets por lo general disparan algún evento, acción o comportamiento determinado como respuesta a la interacción con el usuario.

Widgets sin estado o StatelessWidgets
Los widgets de este tipo no reaccionan ante el intento de interacción con el usuario. No tienen asociado una acción o comportamiento particular. Son estáticos en la interfaz. Por ejemplo: Icono, Texto, Contendor con color, entre otros.

Ambos tipos de widgets heredan sus características y comportamientos de una clase principal Widget.

No entendí muy bien, pero ya entenderé cuando vea el curso de Flutter. Creo que este curso deberia ser dart, solo dart

La verdad si es un curso de Dart solo muestren Dart no se metan con Flutter debido a que ya tienen un curso para eso la verdad si me siento perdido y mejor ire primero a Flutter.

ese cambio de Dart a flutter sin previo aviso y sin definiciones previas definitivamente esta muy mal estructurado

No se entiende

Esta clase no estuvo tan mal, 😃