Aprende Flutter #5 ⚡ Widgets Separados 【 Diseño de Login 】

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 109

  • @pabloburgos9007
    @pabloburgos9007 3 роки тому +100

    Si alguien ve este video en 2021 con flutter 2 FlatButton, RaisedButton y OutlineButton han sido reemplazados por TextButton, ElevatedButton, and OutlinedButton respectivamente, la función debotonentrar() sería.
    Widget botonEntrar() {
    return ElevatedButton(
    style: ElevatedButton.styleFrom(
    primary: Colors.blue,
    onPrimary: Colors.black,
    padding: EdgeInsets.symmetric(horizontal: 30, vertical: 10)),
    onPressed: () {},
    child: Text("Log in"));
    }

    • @nodeovlogs
      @nodeovlogs Рік тому +21

      Si alguien ve este video en el 2023, que sepa que con flutter 3.0 siguen los mismos cambios con respecto a los botones, menos con primary y onPrimary, que ahora son backgroundColor y foregroundColor, ejemplo:
      Widget botonEntrar() {
      return ElevatedButton(
      style: ElevatedButton.styleFrom(
      backgroundColor: Colors.blue,
      foregroundColor: Colors.black,
      padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 10)),
      onPressed: () {},
      child: const Text("Log in"));
      }

    • @TheAngelalfonso
      @TheAngelalfonso Рік тому

      @@nodeovlogs tengo un problema y es con el fillcolor que ya no funciona y no se cual es su remplazo hoy en día

    • @juanpbloballesterossos3686
      @juanpbloballesterossos3686 Рік тому

      @@TheAngelalfonso siguen igual, te aseguraste de usar el filled y establecerlo en true?

    • @luvaskyhernandezramirez2421
      @luvaskyhernandezramirez2421 Рік тому

      Excelente aporte, Ni de rodillas soy digno de estar frente a ti 🙏

    • @josebanguera4782
      @josebanguera4782 Рік тому +1

      Pablito, qué lindos sos hermano. Gracias.

  • @Aicrag23
    @Aicrag23 Рік тому +12

    Para las personas que ven este video en el año 2023, especificamente en Julio, han cambiado demasiadas cosas en flutter, para los que tengan problemas con el FlatButton, es porque dejo de existir, en su lugar tenemos a ElevatedButton, anexo el código corregido.
    Widget btnValidar() {
    return ElevatedButton(
    style: ElevatedButton.styleFrom(
    primary: Colors.blue,
    onPrimary: Colors.black,
    padding: EdgeInsets.symmetric(horizontal: 30, vertical: 10)),
    onPressed: () {},
    child: Text("Log in"));
    }

  • @prof.sergiotorresalvarez6138
    @prof.sergiotorresalvarez6138 4 роки тому +8

    Capo, la verdad q pense tirar la toalla con Flutter, pero tus tutos son muy didacticos. Mucho tenkiu!

    •  4 роки тому +2

      Espero que sigas aprendiendo Flutter y en lo que pueda cuanta conmigo.

    • @AngelArturoMendezCordero-o6r
      @AngelArturoMendezCordero-o6r 8 місяців тому

      @ PIPIPI necesito ánimos

  • @magdielworkout6392
    @magdielworkout6392 3 роки тому +1

    Te juro que ya habia mandado al carajo flutter, hasta que encontre estos videos, como dicen no hay mal alumno sino un mal profesor, aqui es donde se ve que explicando bien sin muchos tecnisismos se puede aprender bien

  • @rubendarioguarnizomartinez2765
    @rubendarioguarnizomartinez2765 4 роки тому +8

    Hola! No te desanimes sigue subiendo vídeos, hay mucha gente ansiosa por aprender y tú explicas muy bien! c:

  • @edinsogoicochea4200
    @edinsogoicochea4200 4 роки тому +7

    Excelente José!! te cuento que estuve llevando Flutter en Udemy con un profe muy bueno, de los mejores, y te puedo asegurar que tu curso no se tiene nada que envidiar, lo hacer muy bien, realmente estoy aprendiendo. Te agradezco mucho. Deberías dejar un link para la colaboración respectiva.

    • @luisge0522
      @luisge0522 2 роки тому +1

      el del profe Fernando Herrera, verdad? yo estaba viendo ese, y me gustó la parte donde explica lo de Dart, pero siento que en ya entrando a Flutter se fue muy rápido a explicar, este canal me gustó más en ese aspecto

  • @guillermosalas3975
    @guillermosalas3975 4 роки тому +3

    Bro sigue con los videos por fa, llevo un par de semanas viendo videos sobre Flutter y eres el primero al que le entiendo...

    •  4 роки тому

      Acabo de subir un nuevo vídeo por si te interesa echarle un ojo: Navegación en Flutter...
      Recuerda suscribirte y dejar tu like si te gustó el vídeo.
      ua-cam.com/video/BN-vSG6_w8U/v-deo.html

  • @kalmecakrc
    @kalmecakrc 2 роки тому +3

    Me está gustando mucho tu curso, está más entendible que los de Flutter en Platzi

  • @alfredopou2948
    @alfredopou2948 4 роки тому +23

    Que pasó? No haces más vídeos? Estaba feliz y entusiasmado que había encontrado alguien que explica bien y me quedé con ganas de más!!

  • @juanhuenchun8908
    @juanhuenchun8908 3 роки тому +1

    Gracias por estos vídeos, no sabes cuanto me ayudas! Ahora todo es mucho más fácil. Tus vídeos son muy didácticos y entretenidos. Explicas muy bien, ojala mis profesores de la universidad fueran así, con tu ímpetu.

  • @romanx4345
    @romanx4345 Рік тому +2

    Muy bueno todos tus videos explicas despacio y entendible x favor sigue así tu canal crecerá mucho.

    •  Рік тому

      Gracias por los ánimos. ☺️☺️

  • @MiguelLeonFer
    @MiguelLeonFer 2 роки тому

    Realmente es fabuloso, bien explicado, un ejemplo y cubres mucho. Te felicito mucho y agradezco más por compartir tus conocimiento. Gracias.
    Quito. Ecuador.

  • @betocristobal7536
    @betocristobal7536 2 роки тому

    Heyyy, me ayudaste a salir del hoyo, tu explicacion super facil, apoyo la idea de que hagas mas.

  • @sakias100
    @sakias100 9 місяців тому +1

    Fantástico curso!! Gracias por compartir tu conocimiento!

  • @DamRovi
    @DamRovi Рік тому

    Muy Bien explicado! vengo a tope con el curso en enero 2023

  • @jeisonsalazar71
    @jeisonsalazar71 2 роки тому +1

    Muchas gracias, estoy feliz aprendiendo flutter..

  • @AlexanderRamirez-wj6qd
    @AlexanderRamirez-wj6qd Рік тому

    Tengo un proyecto escolar de hacer una aplicación y gracias a tus vídeos me acabas de motivar a seguir trabajando en ella.
    Muchas gracias! ❤

  • @maiconviniciuscrespo
    @maiconviniciuscrespo 4 роки тому +1

    Incrivel, muy buena la manera clara y detallada de como explicas y desarolla el tema sobre cada funcion y la organizacion, Felicidades. Que sigas haciendo!!

    •  4 роки тому

      Muchas gracias por tus palabras. 👍🏼👍🏼

  • @alien8539
    @alien8539 4 роки тому +6

    Explicas bien man, no dejes de hacer esto con el mismo entusiasmo.

  • @ASLAN20
    @ASLAN20 3 роки тому +1

    MUCHAS GRACIAS!! Estoy aprendiendo un monton con este curso!! Ya estoy diseñanado mi primer app!!

    •  3 роки тому

      Excelente. Me alegra mucho escuchar eso.

  • @iclcl5117
    @iclcl5117 4 роки тому +1

    Excelente muchas gracias muy entendible tus videos espero sigas con este curso y otra vez muchas gracias

  • @maximilianoprandi8236
    @maximilianoprandi8236 Рік тому

    Excelente el curso amigo! Gracias!!

  •  5 місяців тому

    Muchas gracias por el vídeo. Hay cosas que cambian al haberse quedado desactualizadas. Pero aún así, muy buena guía.

  • @leninvelasquez7572
    @leninvelasquez7572 4 роки тому +2

    BROTHER ME LLEGA COMO EXPLICAS FELICIDADES ESTOY INICIANDO EN FLUTTER Y TUS TUTOS MUY EDUCATIVOS

    •  4 роки тому +1

      Muchas gracias por tus palabras. Espero seguir cumpliendo con eso.

  • @thatsthelife552
    @thatsthelife552 4 роки тому +1

    Excelnte explicacion. Espero tu proximo video, no te detengas muchos te seguiran por la forma como expones. Felicidades!!!!

  • @Losquepasaremoselsemestre
    @Losquepasaremoselsemestre 3 роки тому +2

    Excelente, muchas gracias =D
    Espero ver algún video posterior sobre conectar a la base de datos después de hacer este login, para que funcione y no quede como diseño solamente, espero que no sea mucho pedir, gracias infinitas!!

  • @josecerda6278
    @josecerda6278 Рік тому +1

    Excelentes videos, estoy aprendiendo mucho

    •  Рік тому +1

      Me alegra que te esté ayudando...

  • @paulyaffe
    @paulyaffe 3 роки тому +1

    Muy buen curso!!! Felicidades

  • @Gustamonte
    @Gustamonte Рік тому

    Buenisimas tus explicaciones. Otro suscriptor.

  • @leidylaurapatzitancara4323
    @leidylaurapatzitancara4323 2 роки тому +1

    wuaooooo el mejor enseñando flutter!!!1
    te entendi todo y muy oordenado

    •  Рік тому

      Me alegra que te esten ayudando..

  •  4 роки тому +1

    Like numero 100. estaría bueno que continúes la serie! gracias! un abrazo

    •  4 роки тому +1

      Muchas gracias por tus palabras Pablo. Pronto subiré un nuevo vídeo que estoy preparando, tengo muchas cosas más que enseñar en este canal. Un abrazo.

    •  4 роки тому +3

      Acabo de subir uno nuevo por si quieres echarle un ojo: Navegación en Flutter...
      ua-cam.com/video/BN-vSG6_w8U/v-deo.html

    •  4 роки тому

      @ genio gracias

  • @hakate10
    @hakate10 4 роки тому +1

    Excelente manera de explicar, espero sigas con el tutorial. Saludos.

  • @leagueoflegends-epicmoment9250
    @leagueoflegends-epicmoment9250 4 роки тому +1

    Buen curso sigue asi subiendo videos gracias

    •  4 роки тому

      Gracias a ti

  • @EmmanuelRodriguez-gn2pt
    @EmmanuelRodriguez-gn2pt 11 місяців тому

    Muy bien explicado! Muchas gracias,

  • @migue2602
    @migue2602 4 роки тому +1

    hola amigo, enseñas super bien
    me gustaría saber si subirás mas vídeos, hemos quedado con ganas de aprender mas
    GRACIAS

    •  4 роки тому +3

      Muchas gracias por sus palabras. Justo mañana subiré un nuevo vídeo. Espérarlo...

  • @elmundodice3096
    @elmundodice3096 Рік тому

    Explicas muy claro.. Estaria bueno unos videos con algun backend como laravel u otro..

  • @omarkuriansky7091
    @omarkuriansky7091 4 роки тому +1

    Bonjour Codigo Correcto,
    Où est-tu? Donne esta señor, Vengo dès de Francia a ver sus videos. BRAVOO !!

  • @Anival92
    @Anival92 3 роки тому

    Bro la neta explicas muy chido y haces que aprender sea fácil

  • @JoseRodriguez-cl8ow
    @JoseRodriguez-cl8ow 3 роки тому

    Que tengas 413 me gusta y CERO No me gusta es de admirar.. Date cuenta lo bien que explicas con esa estadística..Saludos

  • @miguelmontes6756
    @miguelmontes6756 4 роки тому +3

    Muy buen curso, cuándo le continuarás amigo?

    •  4 роки тому

      Muchas gracias.. justo mañana subiré un nuevo vídeo.

  • @henrypandales
    @henrypandales 20 днів тому

    WExcelente, podrías hacer este mismo video actualizado a la fecha , infinita gratirud

  • @dev.martin6156
    @dev.martin6156 4 роки тому +1

    Muy bueno gracias por compartir

    •  4 роки тому +1

      Gracias a ti por ver..

  • @gilbertgatito6666
    @gilbertgatito6666 4 роки тому +2

    Mi pregunta es ya que hayas terminado de diseñar la app y como públicas tu app? Lo tienes que presentar en Playstore? O como? Ese es mi duda. Sigue haciendo vídeos y te entendemos demasiado bien. Los demás hacen videos ya siendo expertos y nosotros que somos aprendices de esto.

  • @alvarogarcia8321
    @alvarogarcia8321 26 днів тому

    Super curso!, hay manera de contactarte para tener asesoría ?

  • @rakamapi4822
    @rakamapi4822 4 роки тому +1

    Muy didáctico. Gracias 👍

  • @dariogandolffi_broh
    @dariogandolffi_broh 7 місяців тому +1

    hola gracias por el contenido que emulador usas?

    •  7 місяців тому

      En el vídeo uso Memu, pero recientemente recomiendo mejor usar el emulador de Android Studio.

  • @francocastro8660
    @francocastro8660 Рік тому

    Genioooo!! Gracias!!

  • @audiomotivaciones8675
    @audiomotivaciones8675 3 роки тому +1

    like a todo , saludos

  • @luisnazarioloyolaaquino8731
    @luisnazarioloyolaaquino8731 2 роки тому

    excelente. sigue asi.

  • @RodrigoPaz-u2s
    @RodrigoPaz-u2s 12 днів тому

    Eres un crack bro

  • @thatsthelife552
    @thatsthelife552 4 роки тому +1

    Como se inserta un mapa en flutter?. Saludos.

  • @bestvideos4444
    @bestvideos4444 4 роки тому +2

    Pregunta: cuánta ram, procesador, tarjeta de video, marca de pc o portátil y cual es el nombre del emulador que usas?..... gracias

    •  4 роки тому

      en pelotas.... tenes que instalarte Visual Studio Code, trae todo editor de código y devices (emuladores) mirate todo desde el video 1.

  • @BilmarG
    @BilmarG 3 роки тому +1

    😎

  • @samirmolina6990
    @samirmolina6990 2 роки тому

    Alguien sabe ¿por que mi al realizar tal cual el código al vídeo, mi imagen no se refleja en pantalla?

  • @lizbethmirellapachecobarri2805
    @lizbethmirellapachecobarri2805 2 роки тому

    hola buenas... nesesito ayuda porfavor como puedo comunicarme con usted porfavor

  • @romandarioesquivel1766
    @romandarioesquivel1766 2 роки тому

    muy bueno

  • @guillermogeremias9645
    @guillermogeremias9645 5 місяців тому

    lo que no muestra para nada es si creó un StatelessWidget o un StatefullWidget, yo creo que fué un full

  • @victorflores7489
    @victorflores7489 2 роки тому

    gracias

  • @jorgeluisquispesumire9547
    @jorgeluisquispesumire9547 2 роки тому +1

    El fontsize no me permite poner numeros alguien sabe la razon?

    •  2 роки тому

      Puede poner el código en el comentario para ver como lo estás usando. Para poder ayudarte.

  • @epolanco11
    @epolanco11 4 роки тому +1

    hermano que paso con los videos ? ya no hay mas?

    •  4 роки тому

      Acabo de subir un nuevo vídeo por si te interesa echarle un ojo: Navegación en Flutter...
      Recuerda suscribirte y dejar tu like si te gustó el vídeo.
      ua-cam.com/video/BN-vSG6_w8U/v-deo.html

  • @guillermogeremias9645
    @guillermogeremias9645 5 місяців тому

    para que no salga la pantalla roja de "not directionality widget found" hacer lo siguiente:
    En lugar de poner:
    class _HomeState extends State {
    @override
    Widget build(BuildContext context) {
    return Scaffold(
    appBar: AppBar(
    title: Text("Widgets")
    ), //AppBarr
    body: cuerpo(),
    ); //Scaffold
    poner:
    class _HomeState extends State {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
    home: Scaffold(
    appBar: AppBar(
    title: Text("Widgets")
    ), body: cuerpo()));
    }
    }

  • @RodrigoAlonsoMayhuayCcorimanya

    Para las personas que ven este video en el año 2040 posiblemente ya este viejo o me haya muerto , noce si habra cumplido mis sueños , pero la ia tomo el control de todo y actualmente hay una gerra entre los mas fuertes , pasies europeos han caido por esta tecnologia

  • @roddneycolman5360
    @roddneycolman5360 2 роки тому +1

    La parte mas buena del video quedo fuera, supongamos que tenemos un widget en un archivo llamado controles que es un textfield con un formato predeterminado y ese textfield queremos usar en todo el proyecto como se crea en el archivo el texfield y lo mas importante como le llamo desde otro lugar de la aplicacion al textfield

    •  Рік тому

      Muy cierto. Reutilizar los componentes puede llevar mucha lógica interna dependiendo del tipo de proyecto. Condicionales y gerarquía de clases debe explicarse antes para poder explicar el tema a detalle.

  • @joseenriquegonzalezhernand4763
    @joseenriquegonzalezhernand4763 4 роки тому +1

    que p2 hasta aqui termino el a amor :(
    todome engañaste en el tercerl video no mas pa

    •  4 роки тому

      Acabo de subir unos nuevo.
      Navegación en Flutter...
      Recuerda suscribirte y dejar tu like si te gustó el vídeo.
      ua-cam.com/video/BN-vSG6_w8U/v-deo.html

    • @joseenriquegonzalezhernand4763
      @joseenriquegonzalezhernand4763 4 роки тому +1

      @ claro qye me gusto bro explicas muy bien y seria chido que siguieras con este tutorial
      actualmete llevo clases de programacion movil pero por la pandemia es muy difil y tus videos me han hecho un paro
      cuidate mucho y quedate en casa
      saludos desde mexico animos

  • @maulord4
    @maulord4 Рік тому

    La vedad me parece confuso tanta indexación de propiedades y clases y un desmadre, apoco si es mas fácil que Kotlin o que Swift???

  • @thedroid5599
    @thedroid5599 17 днів тому

    Codigo del botón diciembre 2024
    Widget botonEntrar() {
    return TextButton(
    style: ButtonStyle(
    padding: const WidgetStatePropertyAll(
    EdgeInsets.symmetric(horizontal: 100, vertical: 20)),
    backgroundColor: const WidgetStatePropertyAll(
    Color.fromARGB(255, 57, 81, 216)),
    foregroundColor: const WidgetStatePropertyAll(
    Colors.white),
    ),
    onPressed: () {},
    child: const Text("Entrar"),
    );
    }

    • @mauriciomaza1520
      @mauriciomaza1520 16 днів тому

      En mi caso, utilice
      Widget botonEntrar() {
      return TextButton(
      style: TextButton.styleFrom(
      backgroundColor: Colors.blueAccent,
      padding: EdgeInsets.symmetric(horizontal: 100, vertical: 10)),
      onPressed: () {},
      child: Text(
      "Hola",
      style: TextStyle(fontSize: 25, color: Colors.white),
      ),
      );
      }
      Ya que el "TextButton.styleFrom", para hacer botones más simples

  • @Rodrigo-hs1eo
    @Rodrigo-hs1eo Рік тому +2

    Diciembre 2023, yo deje el botón así.
    Widget botonEntrar() {
    return TextButton(
    style: ButtonStyle(
    backgroundColor:
    MaterialStateProperty.all(Colors.indigo), // Color del botón
    foregroundColor:
    MaterialStateProperty.all(Colors.white), // Color del texto
    ),
    onPressed: () {},
    child: Text("Aceptar"),
    );
    }

  • @EduardoGomezCataplash
    @EduardoGomezCataplash Рік тому

    Gracias