✔ Aprender Flutter: #2 ⚡ Estructura de una App 【 desde cero 】
ฝัง
- เผยแพร่เมื่อ 14 ธ.ค. 2024
- En este vídeo del Curso de Flutter desde cero, vamos a conocer la estructura de una aplicación hecha en Flutter. Vamos a aprender que es un widget y cómo se organizan para armar aplicaciones complejas para Android y iOS.
Mejor Hosting: n9.cl/hosting-...
Puedes descagar el código aquí: www.codigocorr...
Recuerda dejar tus comentarios con cualquier duda, con gusto te ayudaré.
![[UNCUT] เก็บ "สจ.โต้ง" เอี่ยวมาเฟีย รู้ตัวคนบงการ ก่อนสั่งลั่นไก I คนดังนั่งเคลียร์ I 13 ธ.ค.67](http://i.ytimg.com/vi/o-J_p62D40w/mqdefault.jpg)
Arrancando en este mundo de la programacion!! por fin alguien que explica desde cero y con todos los conceptos claros!! desde ya Muchas gracias desde Argentina!
Me encanta escuchar a una persona que enseña con pasión. 1000/10!
Muchas gracias por tus palabras Diego. Un saludo...
EXELENTE VIDEO... VOY A RETOMAR LA PROGRAMACION GRACIAS A VOS.... TENGO 54 AÑOS Y LO ULTIMO QUE TOQUE FUE EL VISUAL STUDIO 6 JAJAJA, AHORA QUIERO REALIZAR UNA APP PARA MI TIENDA.... DSPUES DE ESCUCHARTE CREO PODER HACERLO...
Que manera más divertida de dar clases de programación! No te aburres y aprendes
Me mata tu humor brother! Haces que sean divertidas las clases sin perder el hilo.
Sigue subiendo videos, son una belleza.
Por favor no pares de hacer estos videos, están muy bien hechos
provoca escuchar a este TH-camr...el hombre sabe de verdad...pasé por este canal y su forma pedagójica me animó hasta suscribirme a este canal para aprender de Flutter...seguiré viendo...
¡SALUDOS A TODOS!
✅ Puedes ver el código aquí: tinyurl.com/wcz38jz
⭐ Para tener mejor información Flutter: tinyurl.com/tvlthon
⭐ Visita mi página web: tinyurl.com/sn26ex5
⭐ Página de Facebook: tinyurl.com/wp7ahmt
¡SUSCRÍBETE!
Amigo su imagen de referencia en la diapositiva fue todo lo que necesitaba para entender como esta estructurado, estuve viendo varios videos y ninguno pudo explicarlo de tal forma. Muchas gracias! Seguire viendo sus videos.
Vengo de una diplomatura en Python y no encontré un framework estable (kivy es tremendo para compilar), muy buena la explicación de las primeras clases asi que allá vamos con flutter... Gracias por tu tiempo.
Cuales son las extensiones que tiene instalados, para utilizar el autocompletado al momento de usar statelesW?
igual me pregunto lo mismo
Todas las relacionadas a flutter y Dart. Por ejemplo Awesome flutter snippet
Eres la mera onda haciendo videos de flutter!
Eres un pro.... Mil bendiciones por realizar videos de programación para los que estamos iniciando en flutter
Apenas comienzo en Flutter y me encanta este canal!!! muchas gracias!!!
Muchas gracias a ti por ver los vídeos.
excelente explicacion, facil de entender super facil de entender entendi todo de primera
ya decia ya, en que momento hace el famoso "hola mundo". gran vídeo capo
a duras penas replique tu proyecto, sin embargo algunas cosas como donde pusiste ({Key key}) no sé como pero descubrí que iba ({Key? key}) y en otros casos me salía error a pesar que estaba igual que en el video pero descubrí que le podía dar a la opción ignore: prefer_const_constructors_in_immutables y con eso dejó de marmarme error el _InicioState y así una odisea mi primera escritura en lenguaje de programación dart, resaltando que nunca había programado absolutamente nada, espero que este comentario ayude a otras personas que están replicando y siguiendo tus proyectos paso a paso aventurándose en este mundo de la programación, en algún momento piensas en tirar la toalla pero es mejor perseverar pacientemente, hoy es mi inicio y de aquí a algún tiempo espero ya estar más entendida, agradecida con tus cursos, like y vamos por más...
Si. Necesito actualizar este video. Se quedó viejo con todas las mejoras de Flutter que se han publicado.
gracias me sirve
Muy buenos videos, espero que sigas con la serie.
Un saludo.
Muchas gracias por su apoyo. Claro que seguiremos con la serie...
buen dia cual extención tienes para que te simplfique por ejemplo el statewidget
?
Hola Fabian, uso una extensión de Visual Studio Code que se llama Awesome Flutter Snippets
... te ayuda un montón a la hora de trabajar en flutter.
@ y como se instala en adroid studio?
@ chvre esa extension a faltado jeje
Excelente! Espero que también te ocupes un poco del backend en Flutter, porque hay muchos vídeos que explican el front, pero pocos que explican en ensamble de Flutter con el Back. Saludos.
Muy buena idea. Realmente no había pensado en eso, pero creo que si sería interesante explicar un poco ese tema. Gracias por la sugerencia.
En verdad si, me gustaria. SI lo hace me suscribo de una.
Sigue con tus videos !! Son muy buenos , sé que al principio cuesta un poco tener suscriptores pero si sigues así , llegarás lejos!
Gracias por tu apoyo
Como hiciste cuando escribiste StatelessWidget para que salieran todas esas lineas de codigos. y la clase
X2
Excelente Manera de Explicar
jajjaa qué gran video hermano, transmites esa energía y esas ganas de aprender, y lo haces ver tan sencillo. Ya me suscribí a tu canal.
excelente tus video y divertidos, muero de risa cuando salen los menes de sorpresa
Wow, neta me gusto este curso, mas que los otros de gente mas grande, te rifas bro, ando aprendiendo con la documentacion y estos videos son una mega ayuda :3
Respuesta a la primera pregunta: es poner la función main(), por cierto que grandiosos videos 😃
Excelente clase, continúa así hermano, estoy aprendiendo mucho con tus videos. Ya te ganaste otro suscriptor
Muchas gracias y bienvenido al canal. Estaremos aprendiendo muchísimo aquí. Y sigue adelante...
Bien explicado, felicitaciones. Sigue adelante y se constante .
Excelnte video, muy bien explicado, se agradece, te ganaste un suscriptor!
Excelente explicación, en mi caso Flutter me pedía que algunos Widgets fuesen constantes (será cosa de la últimas versiones supongo)
Correcto. Después de la versión 2.x Flutter ha agregado bastantes cambios relacionados con la optimización. Dentro de poco tendré que rehacer estos videos.
Me aparece el mismo error y no me deja correr el programa, hay alguna solución? :(
Me habia aparecido este error en Key key
The parameter 'key' can't have a value of 'null' because of its type, but the implicit default value is 'null'.
Try adding either an explicit non-'null' default value or the 'required' modifier.
Lo suplante por Key? key, para que se permita el parametro anulable
como lo solucionas?
@@tioretro9294 solo añadió el signo de "?" al primer "Key", es decir, en lugar de: Inicio({Key key}), el usó: Inicio({Key? key}).
Nuevo, empezando el curso
excelente maestro, gracias : )
jajajajaj putamadre que risa ! no dejes de hacer este tipo de videos por favor!!
Excelente curso amigoo!!!
Excelente video gracias... Cuando sacarás un video explicando la estructura de carpetas de un proyecto Flutter con Blocs ? por favor
esta genial tu curso, espero sigas haciendo contenido de este tipo, muchas gracias.
Hola, en primer lugar gracias por el curso,, gracias por compartir tus conocimientos.
Ahora tengo que consultar algo, en el minuto 6:25 agregas un statefullW, en la imagen se ve cuando lo seleccionas te arma una class entera.
En mi caso cuando lo selecciono no me crea nada, esta esperando que yo la arme. esto es así? primero tengo que armar la class o me esta faltando algún plugin mas en el visual?
desde ya gracias!!!
Para hacerlo necesitas tener instalado este plugin: marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets escriber state y debe ofrecerte las opciones, das Enter y se escribe el código base de tu clase.
2023 y sigue siendo valido este gran contenido
una pregunta ... como es que con una palabra generas lo bloques de codigo tan facil .. segun yo tengo los mismos plugins, tienes uno extra?
Awesome Flutter Snippets se llama
Hola a mi no me autocompleta la clase cuando le pongo stateless widget tengo q poner todo a mano es re tedioso. como se habilita? gracias
Un saludo Pablo. Instala un plugin de Visual Studio Code que se llama Awesome Flutter Snippets, reinicia el programa y ya se autocompletará cuando escribas widgets de Flutter.
@ genial graxias !
El autocompletado que hace es gracias a la extensión llamada Awesome Flutter Snippets
eres un excelente profesor
Que bendición 😊😊
Excelente tus videos. Muy intuitivos y faciles de aprender. Una consulta: Cuando escribo statefulwidget, no se me desplega toda la línea de código como a ti. Me sale solo la palabra statefulwidget, que tengo que presionar o adicionar alguna biblioteca?
oye tus videos están excelente, no pares
Muchas gracias por sus palabras. En serio que motivan a seguir haciendo vídeos. Gracias por verlos.
Muy bueno tu curso , muchas gracias . No me acorde del Scaffold() jaja :¬|
Jaja. No te preocupes, muy pocos lo recuerdan a la primera. Espero los vídeos te estén ayudando... Muchas gracias por ver.
Excelentes videos. Muchas gracias por compartir
Que bien explicado bro! mil gracias por tu tiempo invertido en estos videos.
Para todos los que preguntan como se autocompleta la estructura cuando pone statelesswidget pongan stless, y se autocompleta, previa instalación de las extensiones Awesome Flutter Snippets.
Muchas gracias por el video
Donde conseguiste el emulador?
hoy empiezo este curso, una consulta, porque al poner StatelessWidget no me crea todo el código que te creó a vos? literal solo escribe la palabra ""StatelessWidget", por favor si me puedes responder
Tengo la misma duda
hola, quiero istalar flutter y seguir tus clases.....pregunta...debo instalar primero visual studio antes de instalar flutter?
Puedes instalarlo en cualquier orden.
Alguien sabe que extensión usa para generar código automaticamente? Por ejemplo él escribió "StatelessWidget" y el plug-in generó todo el código de la clase
lo soluciono?. No funciona en 2024
Que pluggin utiliza para que cree la estructura con solo un enter?
Awesome snippet flutter
Buenas buen contenido pero tengo una duda cuando pongo statelesswidget o statefulwidget me sale para autocompletat pero al pinchar no autocompletaa.
Y cuando pongo al principio import no me sale lo mismo que a ti.
Gracias
misma problematica como lo resolviste tu ??
Excelente, sigue así
Gracias por tu apoyo...
muchas gracias por los videos. un consulta, te sigo paso a paso pero me sale error en los override, ,me salen diferentes y con error. sera que tiene ver la version del flutter?
Puede ser, el video está grabado en la versión 2.X y hubieron muchos cambios en la 3.x.
@ entiendo. El tutorial mejor explicado que encontré es el tuyo. Pero tengo estos pequeños detalles de error. Mil gracias por contestar. Feliz 2023.
Excelente, mil bendiciones para ti-
Muchas gracias 🙏
Hola bro, me marca que: The parameter 'key' can't have a value of 'null' because of its type, but the implicit default value is 'null',
hermano que sensacional forma detallada y amena de aprender, felicitaciones, hay alguna forma directa de comunicarse contigo, una amigo mas muy agradecido
Buenísimo!
Gracias por tu apoyo Pedro.
te mandas con los cursos bro,
hola que buen video, ayuda como hiciste para que se rellenara solo cuando usaste statelesswidget gracias
tengo la misma pregunta :(
Para cuando toda la seríe amigo de flutter
Hola Gustavo, mil disculpas por el atraso. Mañana continúo con la serie. Un saludo...
que tal buen video pero puedes enseñar a usar los snippets para que se completen el codigo, ya instalo la extensión pero no se completa al poner la palabra
¿Lo solucionaste?
@@sunadyp Se llama ´Flutter and Dart Snippets´ de xsnepaul
@@D1L4NCITO ¡Gracias!
Te ganaste un suscriptor nuevo, que buenos vídeos
Buenas, cuando seteo Key key, me da error de que no puede ser null Key y me recomienda utilizar Key? key. Esto es correcto?
Así es! En las nuevas versiones se controlla que el valor venga Null, eso se configura con el ? al final del tipo de dato.
Gracia por el video. a mi no me salio el titulo con el relleno azul. Sale el titulo pero sin el relleno
Hola muy buenos videos. Tengo una pregunta. Cuando pongo import no me aparece el pack para importar. Que me faltará
puede que el paquete que intentas importar no este instalado... x ejemplo si intentas utilizar el paquete http deberías instalarlo aplicando en la consola "flutter pub add http"
Hola excelte tutorial solo con una pregunta al momento de querer construir lo que esta debajo del void no se contruye solo solo me sale las letras en verde de StatelessWidget que hago?
Muéstrame tu código.
no entiendo nada, pero es divertido escucharte xD
jajajajajajajajajajajaja
Como puedo realizar una conexion bluetooth para ios y andoid?
Hola!! excelnte video, una duda, como es que al colocar el primer widget te salio automatico todo el cuerpo y la estrucura del widget? a mi no me salio!
Es gracias a un Snniper de flutter, en VS Code, en la sección de plugins puedes instalar la extensión. Yo uso: marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets
Me gusta mucho tu forma de enseñar, sigue así y muchas gracias por el curso!! =D
3:04 algo tan sencillo no me quiere salir que puedo hacer para que me salga porque lo escribo y no me sale
Hola porque hay "2 titles" , ¿cuál de los 2 se mostrara en pantalla?
El primero es el nombre interno de la App, del Material App específicamente y se verá en Android en el listado de App Recientes, ese es el nombre de la app y en iOS se verá cuando muestres las aplicaciones cargadas en segundo plano.
El otro title es el del AppBar y ese solo se verá dentro de la app y solo en ese Scaffold.
que snipper usaste para auto completar código?
por cierto buen contenido sigue así.
Para autocompletar uso Github Copilot. Como sigo en la universidad puedo usarlo gratis con el paquete de Github Student.
hola, como haces para que cuando escribes Statefulwifget te salga todo ese codigo?, yo escribo eso y el vs solo pone esa palabra pero a ti te sale toda la estructura....
En el editor de código puede instalar un completo que activa el sniper. Yo utilizo este: marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets
@ como lo podria hacer en andriod studio mi amigo por favor
Vos hiciste tus propios snippets?
Por qué cuando yo pongo StateLessWidget no me aparece toda la parte del código que explicas?
Instala el plug-in Awesome Flutter snipet
Una pregunta, a mí no me despliega el menú de codigo y lo tengo que escribir tal cual, como le puedo hacer?
Intenta con Ctl+Espacio
hola, se que son dos años ya, pero me he motivdo a aprender flutter y sigo tu curso, usando Code, no me sale la opcion de autcompletar como a ti, debo configurar algo antes? si escribo todo el widget a mano la parte de Key key el "key" me genera un error indicandome que no puede ser nulo, pero veo que a ti no te pasa.
Hola cesar, debes modificarlo a Inicio({Key? key}) : super(key: key);
Gracias con contestar Fabrizzio, si, flutter se ha actualizado y hay cositas que van cambiando. Es recomendable usar el Flutter Widget Snippet actualizado para crear los widgets, así siempre usarás la forma actualizada que flutter recomienda.
Por que a mi no me lo autocompleta como a ti, al poner StatefulWidget
Si le pongo ? En la key no pasa nada? Esque sale error sin eso
Excelente!
¿Que pasa si quiero no usar el emulador de android?, en lugar descargue el de visual studio...
Gracias 😁, explicas bien
Brother no me sale esa app de inicio ni el editor main dart que tienes ahi ?
Hola, buen video, pero tengo este error "The parameter 'key' can't have a value of 'null' because of its type, but the implicit default value is 'null'."
estoy aprendiendo flutter _sigo el mismo codigo que ingresas y me genera error podrias ayudarme a como resolver..gracias ..de hecho agradezco mucho a estos videos voy aprendiendo
amigo cuando pongo algun comando no lo autocompleta x ejm pongo el StatelessWidget y solo sale eso no completa las lineas adicionales a que se debe?
Debes usar extensiones de vsc:
- awesome flutter snippets
- flutter widget snippets
cuando hize esto mano no me salio la linea azul de lo del titulo porque peude ser tengo el AppBar y todo y nada
amigo como hago para cuando llamo el stales me autocomple toda la clase?
muy buen video
like a todo , saludos
cuando escribo state el viltual code no me completa el codigo alguna solucion a esto
Debes instalar un plug-in en visual studio. Busca Awesome Snippets Flutter.
buen video