Flutter Challenge: App de Tienda 1/2

[@RamdanCode]

Such a captivating Flutter challenge! 🚀 Loved how you navigated through the grocery store interface effortlessly. The attention to detail is impressive, and your coding skills shine through. Big thanks to the talented creator for sharing this insightful journey! Looking forward to more engaging content like this. Keep up the fantastic work!

[@SoyJavero]

Simplemente impresionante

[@carlosboyanosky8044]

Excelente como siempre, aprendo muchísimo de estos videos ojalá sigas por mucho tiempo.

[@diegoveloper]

Claro que sí, me motivan sus comentarios. Ayúdame a seguir creciendo y comparte el canal :)

[@brprogrammer]

Hey bro, muchas gracias por el contenido que compartes y espero la segunda parte!!!

[@diegoveloper]

Gracias por el apoyo bro, la segunda parte ya está en la puerta del horno! Vamos por los 2k subs!

[@brprogrammer]

A por los 2K bro! Y que el video se ewte horneando hasta que lleguen los 2K 😁

[@rbndigital1235]

De verdad muchas gracias diego, ojala hagas un curso mas adelante de cero a experto con flutter

[@diegoveloper]

Veo muy dificil un curso de 0 a experto, el expertise lo consigues con mucha práctica y aprendiendo a fondo el Framework, y como consigues esto último ? con mucha práctica, ponte retos tu mismo , empieza clonando interfaces, luego agrégale gestión de estado (sin package), empieza a entender como funcionan internamente los packages que solías usar. Así empecé, aquí tengo un repo de ejemplos : github.com/diegoveloper/flutter-samples

[@dariomadeira5748]

Genial! me apasiona lo rápido que escribís el código, años de recordar todo en Flutter! espero el segundo video!

[@christiandiazportela1798]

Se aprende mucho de tus videos Diego! Saludos desde Bolivia

[@diegoveloper]

Saludos Christian, espero ir por allá el año que viene :D

[@EmanAli-lc3fr]

Please can you helpe me I have an error animatedbuild Do not working

[@erickgutierrez6471]

Genial, increible diseño. Una consulta, realizandolo de esta manera seria responsive para otros dispositivos, o se tendria que utilizar algun package para eso? Saludos.

[@diegoveloper]

Debería ser responsive, ya que usé porcentajes :)

[@XavierPC]

Acabo de encontrar tu canal y parece que va a estar muy bueno y útil. 1 pregunta sobre este video y el siguiente, si muestras todo el código necesario para que funcione bien la app? o es necesario hacerse patreon?

[@diegoveloper]

Generalmente muestro todo, hay videos en que le añado algunas cosas/detalles finales al código del video, pero la parte 'complicada' , las muestro en video. Ya no uso patreon ahora buymeacoffee.com/diegoveloper

[@TaylorMosqueraCastro]

Fabuloso, yo muy contento esperando la parte de agregar esa animación al carrito, creo que es el desafío, esperemos la segunda parte 😥

[@diegoveloper]

Es más simple de lo que parece, inténtalo hasta que salga la 2da parte :P

[@eduardocq_11]

Muy bueno Diego!!

[@diegoveloper]

Gracias bro, apóyame conpartiendo el canal para llegar a más personas :)

[@grupoempresarialjiorganic513]

Hola muy bueno el video de pronto tienes un curso competo desde cero en el que toque pagar para que pueda crear una grocery app

[@kevinmelendezhernandez3334]

Good Job! Mr. Diego Tu canal es de los mejores! PD: Para los bordes inferiores el BorderRadius.only podrías cambiarlo por un BorderRadius.vertical así te evitas duplicar el mismo borde.

[@diegoveloper]

Gracias bro :) buenos tips, saludos

[@maungmaungthein1629]

amazing bro.

[@yubervasquez]

Hola Diego, que tal. seria bueno que nos muestres la forma correcta para trabajar con tablets también, como soy nuevo me es tedioso y me siento frustado porque los diseños en cel se ven bien, pero cuando llevo a tablet no se ve tan bien, y mas aun cuando tengo distintas tablets con mucha o baja resolución. Desde ya muchas gracias

[@diegoveloper]

Aquí tengo un video kzbin.info/www/bejne/mXq7eZqkn6qtsJo

[@yubervasquez]

@@diegoveloper Muchas gracias nuevamente, Vales un Perú

[@MegaRichardjavier]

Gracias por el vídeo 👌

[@diegoveloper]

De nada bro :) , no te olvides de compartirlo

[@EmanAli-lc3fr]

Please can you helpe me I have an error animatedbuild Do not working

[@loco2371]

Excelente video, con esto puedo basarme para un Punto de venta?

[@diegoveloper]

Claro, solo revisa el link de la descripción, ahí está el diseño original , quizás tenga permisos para algo comercial.

[@HectorHernandezVelozo]

Excelente Brutal la verdad.

[@marcomonroy9044]

muchas gracias estubo muy bueno

[@davisgemdmd]

Buen vídeo! Como recomendación, para el cálculo de la altura del stack hubiera sido más fácil usar un LayoutBuilder. Asi puedes tener el maxHeight disponible en todo momento

[@diegoveloper]

En este caso me daría el mismo valor que el MediaQuery por eso no lo apliqué, el truco fue jugar con la posición top

[@TheOneCJRod]

Saludos! Interesante video, me gustaría empezar a crear un app tengo muchas ideas y quería preguntar que editor estas utilizando?

[@diegoveloper]

Vscode, checa esta pag para que empieces www.flutter.dev

[@davidsantiagoortega5309]

Wow, muy bueno. No conozco mucho sobre programación, ¿Que debo tener para desarrollarlo ?

[@diegoveloper]

Te recomiendo un curso sobre introducción a la programación, hay varias plataformas, platzi, udemy, codigo facilito, etc. Luego de eso ya puedes entrar a programación de apps móviles :)

[@franciscoleal_]

Sou teu fã!!

[@Bacotich]

Buen video Diego, sigue adelante 👍

[@TheJoRGiito]

Felicidades por el vídeo y por el gran trabajo que haces, eres un máquina. Una pregunta, intento implementar StaggeredDualView pero no puedo obtener resultado, me da error, intento buscarlo algo de información por el flutter.dev y no hay manera. ¿Hay alguna manera de utilizarlo? Saludos.

[@diegoveloper]

Es un widget que yo cree, puedes ver el proceso aquí kzbin.info/www/bejne/o163mKmwqNJlbKs

[@TheJoRGiito]

@@diegoveloper Muchas Gracias, lo miro a ver que tal.

[@DrSoulsR]

muy buen video amigo , una pregunta soy nuevo en flutter como configuraste el entorno de flutter wn visual code?? muchas gracias

[@diegoveloper]

Flutter.dev

[@robert_barahona]

En el caso de correr la aplicación en iPhone X o superiores, deberíamos usar un SafeArea para evitar que se cierre la app al deslizar hacia arriba?

[@diegoveloper]

Podrías probarlo en el simulador para ver como va primero.

[@robert_barahona]

@@diegoveloper Es que no tengo mac

[@diegoveloper]

si no vas a probar en iOS , entonces por qué te preocupas? :P , jaja digo, si piensas lanzar la app al store sin probarlo , pues algo anda mal ahí. Lo acabo de probar en mi iPhone XR y va sin problemas.

[@robert_barahona]

@@diegoveloper Es que un amigo me va prestar su iPhone y su mac pero quería estar seguro antes jaja muchas gracias

[@sandakelumhalkewela7854]

it would be more helpful to a lot of people if u conduct this tutorials in English.thank you

[@diegoveloper]

English subtitles (KZbin Desktop - only) Click on the “Settings” icon, select “Subtitles/CC,” and then click “Auto Translate.” A list of languages you can translate into will be displayed. Select “English” (Or the language you want). Done!

[@robertoalfaro5153]

Que tal! Muy buen video! Tengo una app android y quisiera migrar a flutter para poner todas esas animaciones! Se puede implementar la conexión a mysql sin usar php (mysql-conector?

[@diegoveloper]

Si es solo para Android se puede pero NO deberías, ya que es super inseguro, siempre es recomendable un backend.

[@robertoalfaro5153]

@@diegoveloper gracias! Muy bien lo que haces!

[@Freyien]

Que buen video, bro! Una pregunta, cómo haces para que tu código se ordene? Veo que a veces escribes todo en una línea y después se ordena.

[@TaylorMosqueraCastro]

Busca en la configuración de vscode Format On Save

[@diegoveloper]

Así es, por defecto se ordena cuando grabas, solo agrégale comas. Por ejemplo esto ))]; tiene un diferente formato que esto ), ), ]; pruebalo

[@Midatlantic1210]

Tienes aún el código para compartir?

[@diegoveloper]

www.buymeacoffee.com/diegoveloper/extras

[@VictorGabriel-hw2gr]

Wooow, muiooo bieennn

[@thesaulo14]

Excelente

[@MarcosHernandez_VE]

Manito arriba papi

[@jaimeatocora196]

Buen Video, Diego sin embargo me esta saliendo este error en la parte q ejecuto el Hero, There are multiple heroes that share the same tag within a subtree.

[@diegoveloper]

Revisa bien los videos, no puedes tener varios widgets con el mismo tag Hero en una pantalla.

[@jaimeatocora196]

@@diegoveloper claro está tal cual como está el vídeo...todo normal..pero en el hero no realiza la animación

[@eduardoaltuzar5504]

como corres la aplicacion sin un main?

[@diegoveloper]

Si hay un main, el vscode lo detecta automáticamente, el archivo que corre es main.dart

[@vladimir-costa]

Que incrível. Tem como fazer algo parecido com React?

[@diegoveloper]

Nao, Flutter

[@yairmay4368]

Buen Video, para cuando uno para una pizzería

[@aqkhana2002]

so we have to pay you to get source ? that what your link saying

[@diegoveloper]

Yes but I prefer you watch the video and write the code, you will learn more in that way

[@krismad6765]

Hola ..puedes pasar el codigo xfa

[@diegoveloper]

www.buymeacoffee.com/diegoveloper/e/42599

[@MIDNIGHT06]

wow your video's are awesome and cool. bro can you share this code free

[@diegoveloper]

The code is on the code, so you can write the code I show.

[@dilipdhimal20]

can you please make in english. it would be great help

[@diegoveloper]

I'll try, hey did you try using the autotranslate?

[@dilipdhimal20]

@@diegoveloper i tried to use caption but not translating in english rather it is translating what you speak in your own language. Thank you for your reply :-D

[@diegoveloper]

@@dilipdhimal20 hey but check the description of the video: If you want to activate ENGLISH subtitles , it works on KZbin desktop (non-mobile app). On the video Go to Settings - subtitles - select Spanish - autogenerate, after that , select again and you will see a new option Settings - subtitles - Auto translate, choose your language. That's it.

[@gustavoquinocrispin7441]

Y el getx joven?

[@diegoveloper]

No hay necesidad de usar GetX en esta demo.

[@mariafalcao8537]

👏👏

[@EmanAli-lc3fr]

How to get the code for free،،،؟؟؟؟

[@diegoveloper]

Watching the video and writing the code, easy, in that way you will learn :)

[@EmanAli-lc3fr]

I watched the video, but there are some terms not written like ktoolheight

[@diegoveloper]

kToolbarHeight is a constant from Flutter api.flutter.dev/flutter/material/kToolbarHeight-constant.html

[@EmanAli-lc3fr]

I also have a bug in a minute 14 top Not working

[@EmanAli-lc3fr]

diegoveloper ok thank you❤️

[@matia160]

Bonito

[@forzabike]

English please :)