Sus vídeos son sencillamente EXCELENTES no se si estudio para ser profesor pero su vocación son de esas que sin necesidad de esfuerzo resaltan demasiado MIL GRACIAS FUNCIONÓ A LA PERFECCIÓN 21-09-2021
¡Genial!, redujo a la mitad el tiempo de carga -- estaba usando un paquete. ... gracias Me queda la duda de ¿Cómo se puede cambiar el tamaño de la imagen?
Buenísimo!!! Gracias!! Una pregunta: ¿utilizas alguna extensión para utilizar funcionalidades de código xml de Android? algo así como "Awesome Flutter Snippets" lo menciono porque te aparece una herramienta sobre el color marcado en #hexadecimal para elegir un color directamente, ¿o cuál es la extensión/herramienta que utilizas? De antemano muchas gracias
La carpeta drawable-v21 se utiliza para almacenar recursos de imagen específicos para dispositivos que ejecutan Android 5.0 o versiones posteriores, y se utiliza para proporcionar una experiencia optimizada para esas versiones de Android.
Muchas gracias. Me funcionó bien. Lo que me extraña es que tengo que copiar una imagen varias veces en varios lugares. ¿No es posible poner la imagen una sola vez y cargarla desde ese lugar?
En el minuto 7:54, en la línea 4 hay un pequeño error de escritura (en el video explican). Por si llegan a tener algún inconveniente. Muy buen video tutorial, por cierto.
Que buen aporte y que genial aprender de este modo, si tienes un video donde se muestre cómo enviar datos de una pantalla a otra sin un botón más bien por función sería súper genial. Saludos desde Ecuador. 😅
Hola, hice todo lo del video pero mis proyectos por predeterminado me muestra el icono de flutter. O sea me muestra el color que elegí en mi splashscreen pero de logo aparece el de flutter. no se porque, ayudaa
Tienes que cambiar todos los logos ic_launcher.png por los tuyos colocando exactamente el mismo nombre y respetando los hdpi mdpi xhdmpi etc osea de acuerdo a tu primer icono y al tamaño que deseaste empiezas a colocar los demás
Seguramente es porque estas emulando en android 12 o superior como tambien me paso que no me funcionaba en android 12 pero si en versiones anteriores. Para mostrar una imagen en la splash screen de celulares con android 12 o superior se usa un metodo distinto: 1-En la carpeta values, abre el achivo "style.xml" 2-Inserta esta etiqueta "@*La ruta de la imagen que quieres mostrar*" dentro de la etiqueta , aqui un ejemplo:
@drawable/launch_background @drawable/splash
?android:colorBackground
Y con eso seria suficiente para mostrar la tu imagen en la splash screen. Pero tienes que tener en cuenta que para android 12 o superior la imagen por alguna razon no se muestra completa como en las versiones anteriores, se corta en forma de circulo que comprende el alto y ancho de 2/3 de la resolucion de la imagen, por ejemplo: si tu imagen mide 999x999, lu logo a mostrar tiene que caber en un circulo de 666x666 en el medio de la imagen, asi que tienes que agregarle algo de espacio a los lados de tu imagen. Si quieres saber mas, aqui dejo estos links: docs.flutter.dev/platform-integration/android/splash-screen#android-12 developer.android.com/develop/ui/views/launch/splash-screen?hl=es-419 www.appsloveworld.com/flutter/200/72/i-cannot-change-the-default-flutter-icon-in-splash-screen-to-image-of-my-choosing?expand_article=1#google_vignette appunite.com/blog/flutter-splash-screen-for-android-and-ios
Espectacular, muy bueno. Quedo a la espera del video para cambiar el ícono de la App. Te comento SENSEI, estoy aprendiendo Flutter, y quisiera saber como puedo hacer un archivo donde reciba el parámetro de título, mensaje para mostrar un alertDialog el cual reciba estos parámetros, lo muestre y responda Si / NO (por ej.) y esta ejecución reciba lo seleccionado por el usuario. Creo que esto sería dentro de Future / async / await, lo que no sé es como recoger el valor devuelto. Muchas gracias
3 роки тому
Bastaría con enviar la información como parámetros al llamar a la función, claro que la función debe esperarlos también. Luego en el title o en el content del AlertDialog pones esas variables que está recibiendo la función.
Hola que tal, fíjate que hasta ahora es que veo tus videos y seguí al pie de la letra lo del video pero no me funciona, no marca error, simplemente no hace lo esperado
igual, se le puede poner más tiempo ? se puede programar ahí, digamos para cargar alguna configuracion o hacer una petición a alguna api ? o consulta a bd local ?
muy buen video, una pregunta como agrego ese emulador, todo lo hacia directamente de android studio pero prefiero visual
Рік тому
El emulador de Android Studio es muy bueno. Para lanzarlo desde VSCode solo debes selecciónales. En la barra de información de VSCode, abajo a la derecha, suele aparecer el dispositivo donde se ejecutará la aplicación. Da click ahí y elige entre los dispositivos disponibles. Recuerda que debes tener el plugin de Flutter instalado.
Hola, tengo una duda, como haces para ver en tiempo real lo que se escribe en el codigo y que se refleje en el emulador? Yo tengo que volver a correr el codigo para que se vea reflejado el cambio que hice en el codigo
Excelente video, siempre explicando todo y a detalle... Sería genial que en próximos videos expliques cómo hacer un Staggered Grid View responsive, osea que en vertical se vea 2 imágenes por fila y en horizontal 4
10 de 10 tus videos, en serio. Te quiero hacer una pregunta, quisiera saber com,o hago para agregar un degradado de dos colores en el fondo, ya que no se manejar el lenguje de android en el archivo xml
3 роки тому+1
Hola. Debes editar el xml, crear un drawable para el background con un shape como este: android:endColor="@color/gradient_end" android:angle="-270" / Claro que los colores deben estar definidos en el archivo color.xml también. Luego agregarlo en el splash así: Espero te sirva.
Gracias bro pero tengo una duda, cuando estas usando flutter para crear proyectos multiplataformas debes hacer otro proceso para el splash de webs, windows, y iphone?
Рік тому
Si, lo ideal es hacer los splash screen para cada plataforma por separado. Pero ya hay paquetes que te permiten hacerlo de forma automática para todos de un solo brochazo. Este me ha funcionado: pub.dev/packages/flutter_native_splash
Excelente video!! crees que puedas hacer uno explicando la forma de correcta de guardar constantes y librerias? por ejemplo para tener funciones de las apis en un archivo aparte. Saludos desde Perú!
creas una carpeta dentro de lib, luego creas un archivo .dart y declaras todos los const necesarios, con sus comentarios... luego ese .dart lo importas en donde quieras usarlo...
amigo buenas tardes, quisiera hacerte una pregunta... como deberia precargar una pantalla q contiene informacion de varios listados antes de que se muestre al usuario.. osea q cuando salga en pantalla ya muestre toda la informacion y no por parte, ya que son varias imagenes pequeñas guadadas en firebase.... gracias de antemano, has sido de bastante ayuda para mi aprendizaje ... agradecido siempre
Una pregunta como se podria hacer para agregar texto y que la imagen sea un gif?, tipo que al centrado al final de abajo pueda colocar un texto y la imagen pasarla a gif
2 роки тому
Para agregar un texto, solo tienes que agregar el texto al PNG con algún programa de edición de imagenes y usar esa imagen nueva. Para hacer un gif, eso si lleva más trabajo, hay que tocar el proyecto de Android por separado e instalar algunas dependencias que no vienen por defecto para que el xml te permisa usar un Gif.
muy útil, lo estuve realizando en ios y perfecto pero en android no me cambio el color y se muestra el logo por defecto de la app, no el que agregue🥲 segui los pasos tal cual e hice los cambios en los archivos.. Alguna idea de porque pasa así?
Seguramente es porque estas emulando en android 12 o superior como tambien me paso que no me funcionaba en android 12 pero si en versiones anteriores. Para mostrar una imagen en la splash screen de celulares con android 12 o superior se usa un metodo distinto: 1-En la carpeta values, abre el achivo "style.xml" 2-Inserta esta etiqueta "@*La ruta de la imagen que quieres mostrar*" dentro de la etiqueta , aqui un ejemplo:
@drawable/launch_background @drawable/splash
?android:colorBackground
Y con eso seria suficiente para mostrar la tu imagen en la splash screen. Pero tienes que tener en cuenta que para android 12 o superior la imagen por alguna razon no se muestra completa como en las versiones anteriores, se corta en forma de circulo que comprende el alto y ancho de 2/3 de la resolucion de la imagen, por ejemplo: si tu imagen mide 999x999, lu logo a mostrar tiene que caber en un circulo de 666x666 en el medio de la imagen, asi que tienes que agregarle algo de espacio a los lados de tu imagen. Si quieres saber mas, aqui dejo estos links: docs.flutter.dev/platform-integration/android/splash-screen#android-12 developer.android.com/develop/ui/views/launch/splash-screen?hl=es-419 www.appsloveworld.com/flutter/200/72/i-cannot-change-the-default-flutter-icon-in-splash-screen-to-image-of-my-choosing?expand_article=1#google_vignette appunite.com/blog/flutter-splash-screen-for-android-and-ios
Para poner los colores en android 12 o superior hay dos maneras de hacerlo: 1- Simplemente agregando path del color que pusiste en la carpeta values de los archivos drawables, en vexz de usar el "bg_color.xml" que uso codigo correcto, de esta manera:
Esta es la forma que yo utilizo ya que funciona en versiones anteriores y y posteriores de android 12. 2- Estableciendolo en el archivo style.xml como con la imagen, asi:
No he visto video sobre el manejo de estados de la aplicación, por ejemplo que el usuario este llenando un formulario y este lo pueda recuperar si decide cerrar la aplicación.
3 роки тому
Creo que este video te puede servir: ua-cam.com/video/BVJ6mHkn-Gk/v-deo.html
Me lanza el error: cannot resolve symbol donde se referencia la ubicación de los archivos e imagen creados. y android:src="@mipmap/mksplash"/> Verifique tener todos los archivos llamados de igual manera que en el video
Tal vez es porque estas emulando en android 12 o superior como tambien me paso que no me funcionaba en android 12 pero si en versiones anteriores. Para mostrar una imagen en la splash screen de celulares con android 12 o superior se usa un metodo distinto: 1-En la carpeta values, abre el achivo "style.xml" 2-Inserta esta etiqueta "@*La ruta de la imagen que quieres mostrar*" dentro de la etiqueta , aqui un ejemplo:
@drawable/launch_background @drawable/splash
?android:colorBackground
Y con eso seria suficiente para mostrar la tu imagen en la splash screen. Pero tienes que tener en cuenta que para android 12 o superior la imagen por alguna razon no se muestra completa como en las versiones anteriores, se corta en forma de circulo que comprende el alto y ancho de 2/3 de la resolucion de la imagen, por ejemplo: si tu imagen mide 999x999, lu logo a mostrar tiene que caber en un circulo de 666x666 en el medio de la imagen, asi que tienes que agregarle algo de espacio a los lados de tu imagen. Si quieres saber mas, aqui dejo estos links: docs.flutter.dev/platform-integration/android/splash-screen#android-12 developer.android.com/develop/ui/views/launch/splash-screen?hl=es-419 www.appsloveworld.com/flutter/200/72/i-cannot-change-the-default-flutter-icon-in-splash-screen-to-image-of-my-choosing?expand_article=1#google_vignette appunite.com/blog/flutter-splash-screen-for-android-and-ios
Muy buen video, super bien explicado, pero tengo un problema me sale un error al momento de ejecutar el main, me da un error en los archivos xml, me podría ayudar con ese problema porfavor
Consulta si deseo colocar un git en vez de una imagen de manera nativa es posible?
3 роки тому
Si es posible, pero debes agregar algunas dependencias a Android en el archivo .gradle y el xml también es diferente. El uso de gif y svg en Android es todo un tema y mas si se quiere usar para Actividades como las de SplashScreen.
Hola! encontré una librería flutter_native_splash, podrías hacer un tutoríal de cómo usarla? y bueno tengo una duda, si ya configuré por separado la imagen de splash para android y iOS respectivamente como en el video, chocaría si trato de usar esa librería?
3 роки тому
No he probado la librería que mencionas, con gusto le echaré un ojo. Normalmente lo nativo será lo que predomine, si la librería cambia los archivos en las carpetas de Android y la de iOS entonces si se lanzaría primero. En ambos casos no chocaría. Si no lo hace de forma nativa quizá se muestren los dos splashs. Pero hasta probarlo no lo sabe. Pronto subiré un video al respecto.
Amigo, no se pueden poner SVG en lugar de bitmap ?
3 роки тому+1
Manejar SVG en Android es todo un tema. De poderse si se puede, pero hay que instalar otras dependencias en Android en el .gradle. Luego cambiar los archivos xml usando los componentes de los paquetes nuevos. Estas tareas es mejor hacerlas en Android Studio por cierto, para asegurar compatibilidades.
Pero hacer el splash screen en Flutter implica que funcione em android e iOs. De la forma en que estas haciendo el SplashScreen solo funcionaria para android...
2 роки тому
Correcto, el cambio de Splash Screen debe hacer para cada plataforma por separado. Para configurarlo para iOS se necesita XCode.
Eso solo serviría para android? Y qué hay del código para iOS? Y web?
3 роки тому+1
Para iOS hay un video explicando cómo se hace. Solo se puede hacer si estás programando en una Mac. En web quiero hacer un curso específico explicando lo que se puede hacer y lo que no.
talvez me puedas ayudar como tomar la funcionalidad de captura pantalla y mandarla a llamar desde un boton me seria de mucha ayuda de antemano muchas gracias
3 роки тому
Excelente. Lo pondré entre los videos pendientes. Gracias.
Sus vídeos son sencillamente EXCELENTES no se si estudio para ser profesor pero su vocación son de esas que sin necesidad de esfuerzo resaltan demasiado MIL GRACIAS FUNCIONÓ A LA PERFECCIÓN 21-09-2021
Excelente. Me alegra que te haya funcionado. 💪🏼
Fácil y rápido. Me sirvió. Gracias por el tutorial!
Jajaja ame los memes
Lo mejor!!
Y la enseñanza 200/100
El mejor gracias!
Acabo de conocer este canal y justo estoy aprendiendo flutter y 100% todo el contenido, sigue así...
Muchas gracias @Código Correcto, como dijo un dermatólogo, directo al grano, Muchisimas gracias Saludos desde Perú
Excelente. Saber moverse entre nativo y multiplataforma brinda la oportunidad de poder crear apps con mucho potencial.
Exacto. Las multiplataforma son poderosas (especialmente Flutter y React Native) pero saber algo de nativo te ayudará a realizar mejores trabajos.
Me gusta como agrega los videos de los memes, hace que uno preste mas atencion y el video no se vuelva aburrido jajaja excelente
¬¬
bueno, bueno, debo reconocer que me dio risa el WHAT!!!!!!! wtf ?!
¡Genial!, redujo a la mitad el tiempo de carga -- estaba usando un paquete. ... gracias
Me queda la duda de ¿Cómo se puede cambiar el tamaño de la imagen?
Te agradezco mucho este video, había visto otros videos pero eran puros timos ya que usabas el paquete que tu decias. Graciasss
Buenísimo!!! Gracias!! Una pregunta:
¿utilizas alguna extensión para utilizar funcionalidades de código xml de Android? algo así como "Awesome Flutter Snippets" lo menciono porque te aparece una herramienta sobre el color marcado en #hexadecimal para elegir un color directamente, ¿o cuál es la extensión/herramienta que utilizas? De antemano muchas gracias
La carpeta drawable-v21 se utiliza para almacenar recursos de imagen específicos para dispositivos que ejecutan Android 5.0 o versiones posteriores, y se utiliza para proporcionar una experiencia optimizada para esas versiones de Android.
Muchas gracias. Me funcionó bien. Lo que me extraña es que tengo que copiar una imagen varias veces en varios lugares. ¿No es posible poner la imagen una sola vez y cargarla desde ese lugar?
En el minuto 7:54, en la línea 4 hay un pequeño error de escritura (en el video explican). Por si llegan a tener algún inconveniente. Muy buen video tutorial, por cierto.
Aprendo Flutter mientras veo memes excelente servicio, 5 estrellitas, un seguidor mas a tu canal saludos desde EC
Gracias por el aporte. Funcionó perfecto!
Excelente, me alegra escuchar que te funciona correctamente. Gracias por ver los vídeos.
Que buen aporte y que genial aprender de este modo, si tienes un video donde se muestre cómo enviar datos de una pantalla a otra sin un botón más bien por función sería súper genial. Saludos desde Ecuador. 😅
tus videos son interactivos gg 😅 crack resuscritoooo
muy bueno y mucho mas facil con flutter! se agradece!
Hola, hice todo lo del video pero mis proyectos por predeterminado me muestra el icono de flutter. O sea me muestra el color que elegí en mi splashscreen pero de logo aparece el de flutter. no se porque, ayudaa
Tienes que cambiar todos los logos ic_launcher.png por los tuyos colocando exactamente el mismo nombre y respetando los hdpi mdpi xhdmpi etc osea de acuerdo a tu primer icono y al tamaño que deseaste empiezas a colocar los demás
Seguramente es porque estas emulando en android 12 o superior como tambien me paso que no me funcionaba en android 12 pero si en versiones anteriores. Para mostrar una imagen en la splash screen de celulares con android 12 o superior se usa un metodo distinto:
1-En la carpeta values, abre el achivo "style.xml"
2-Inserta esta etiqueta "@*La ruta de la imagen que quieres mostrar*" dentro de la etiqueta , aqui un ejemplo:
@drawable/launch_background
@drawable/splash
?android:colorBackground
Y con eso seria suficiente para mostrar la tu imagen en la splash screen. Pero tienes que tener en cuenta que para android 12 o superior la imagen por alguna razon no se muestra completa como en las versiones anteriores, se corta en forma de circulo que comprende el alto y ancho de 2/3 de la resolucion de la imagen, por ejemplo: si tu imagen mide 999x999, lu logo a mostrar tiene que caber en un circulo de 666x666 en el medio de la imagen, asi que tienes que agregarle algo de espacio a los lados de tu imagen.
Si quieres saber mas, aqui dejo estos links:
docs.flutter.dev/platform-integration/android/splash-screen#android-12
developer.android.com/develop/ui/views/launch/splash-screen?hl=es-419
www.appsloveworld.com/flutter/200/72/i-cannot-change-the-default-flutter-icon-in-splash-screen-to-image-of-my-choosing?expand_article=1#google_vignette
appunite.com/blog/flutter-splash-screen-for-android-and-ios
Espectacular, muy bueno. Quedo a la espera del video para cambiar el ícono de la App. Te comento SENSEI, estoy aprendiendo Flutter, y quisiera saber como puedo hacer un archivo donde reciba el parámetro de título, mensaje para mostrar un alertDialog el cual reciba estos parámetros, lo muestre y responda Si / NO (por ej.) y esta ejecución reciba lo seleccionado por el usuario. Creo que esto sería dentro de Future / async / await, lo que no sé es como recoger el valor devuelto. Muchas gracias
Bastaría con enviar la información como parámetros al llamar a la función, claro que la función debe esperarlos también. Luego en el title o en el content del AlertDialog pones esas variables que está recibiendo la función.
Bien explicado, incluyendo posibles errores... gracias!!!
Buen video. ¿Esta configuración también es funcional para IOS ?
Con los primeros 3 minutos de video te ganaste un suscripto, gracias :D
genial los videos de apoyoo!!
Excelente video. Y si sobre la imagen y bajo la imagen quisiera agregar algún texto, como se implementaría ?
Hola, me supongo agregar todo en la imagen, la solución mas corta, así lo hice yo
Hola que tal, fíjate que hasta ahora es que veo tus videos y seguí al pie de la letra lo del video pero no me funciona, no marca error, simplemente no hace lo esperado
igual, se le puede poner más tiempo ? se puede programar ahí, digamos para cargar alguna configuracion o hacer una petición a alguna api ? o consulta a bd local ?
Hola amigo muy buen video pero como se podría hacer para integrar una animación al splash screen?
muy buen video, una pregunta como agrego ese emulador, todo lo hacia directamente de android studio pero prefiero visual
El emulador de Android Studio es muy bueno. Para lanzarlo desde VSCode solo debes selecciónales. En la barra de información de VSCode, abajo a la derecha, suele aparecer el dispositivo donde se ejecutará la aplicación. Da click ahí y elige entre los dispositivos disponibles. Recuerda que debes tener el plugin de Flutter instalado.
me encantan tus video de flutter me ayuda mucho para ir aprendiendo a usar este framework, sacaras video de las nueva funciones de flutter 2.0?
Por supuesto, lo que pasa es que estoy intentando llevar un orden, para enseñar cosas más pro es necesario antes enseñar las bases.
Muchas gracias por la explicaión. Cual es el nombre de la extención que usas para ver los colores en ese pequeño cuadro?
Lo encontro
Buen video, que extensión utilizas para la paleta de colores ?
hola bro, excelente video... y sabes como hacer para subir como splash screen una imagen de fondo? en vez de solamente un fondo de un solo color
Hola, tengo una duda, como haces para ver en tiempo real lo que se escribe en el codigo y que se refleje en el emulador? Yo tengo que volver a correr el codigo para que se vea reflejado el cambio que hice en el codigo
Excelente video, siempre explicando todo y a detalle...
Sería genial que en próximos videos expliques cómo hacer un Staggered Grid View responsive, osea que en vertical se vea 2 imágenes por fila y en horizontal 4
con un wrap widget
Disculpa, se puede colocar una imagen en formato .gif ? en vez de png ?
muy buen video!! muchas gracias!!!
El icono tambiene se puede en formato SVG??
Hahaha morí en el minuto 4:39 bastante bueno el video me sirvió bastante, solo una pregunta como puedo hacer lo mismo para que funcione en iOS?
Tengo un video explicando cómo hacerlo en iOS, solo puede hacerse desde una Mac.
10 de 10 tus videos, en serio. Te quiero hacer una pregunta, quisiera saber com,o hago para agregar un degradado de dos colores en el fondo, ya que no se manejar el lenguje de android en el archivo xml
Hola. Debes editar el xml, crear un drawable para el background con un shape como este:
android:endColor="@color/gradient_end" android:angle="-270" /
Claro que los colores deben estar definidos en el archivo color.xml también.
Luego agregarlo en el splash así:
Espero te sirva.
Excelente video amigo, habrá forma de darle animación a ese logo?
Saludos tengo una duda, como puedo navegar a la otra pagina utilizando
navigator pero pero sin que cree otra pagina si no que me envie directamente
Gracias bro pero tengo una duda, cuando estas usando flutter para crear proyectos multiplataformas debes hacer otro proceso para el splash de webs, windows, y iphone?
Si, lo ideal es hacer los splash screen para cada plataforma por separado. Pero ya hay paquetes que te permiten hacerlo de forma automática para todos de un solo brochazo.
Este me ha funcionado: pub.dev/packages/flutter_native_splash
Excelente video!! crees que puedas hacer uno explicando la forma de correcta de guardar constantes y librerias? por ejemplo para tener funciones de las apis en un archivo aparte. Saludos desde Perú!
creas una carpeta dentro de lib, luego creas un archivo .dart y declaras todos los const necesarios, con sus comentarios... luego ese .dart lo importas en donde quieras usarlo...
y para una web con dart como se haria el splash
Super bien tus videos. Xfa podrias hacer un tutorial de como integrar jitsi a flutter de una manera correcta
Excelente video!
amigo buenas tardes, quisiera hacerte una pregunta... como deberia precargar una pantalla q contiene informacion de varios listados antes de que se muestre al usuario.. osea q cuando salga en pantalla ya muestre toda la informacion y no por parte, ya que son varias imagenes pequeñas guadadas en firebase.... gracias de antemano, has sido de bastante ayuda para mi aprendizaje ... agradecido siempre
Buen video! Para iOS se tendría que hacer algo similar?
Para iOS se hace en XCode.
@ pero que se hace?
Una pregunta como se podria hacer para agregar texto y que la imagen sea un gif?, tipo que al centrado al final de abajo pueda colocar un texto y la imagen pasarla a gif
Para agregar un texto, solo tienes que agregar el texto al PNG con algún programa de edición de imagenes y usar esa imagen nueva. Para hacer un gif, eso si lleva más trabajo, hay que tocar el proyecto de Android por separado e instalar algunas dependencias que no vienen por defecto para que el xml te permisa usar un Gif.
muy útil, lo estuve realizando en ios y perfecto pero en android no me cambio el color y se muestra el logo por defecto de la app, no el que agregue🥲 segui los pasos tal cual e hice los cambios en los archivos.. Alguna idea de porque pasa así?
Seguramente es porque estas emulando en android 12 o superior como tambien me paso que no me funcionaba en android 12 pero si en versiones anteriores. Para mostrar una imagen en la splash screen de celulares con android 12 o superior se usa un metodo distinto:
1-En la carpeta values, abre el achivo "style.xml"
2-Inserta esta etiqueta "@*La ruta de la imagen que quieres mostrar*" dentro de la etiqueta , aqui un ejemplo:
@drawable/launch_background
@drawable/splash
?android:colorBackground
Y con eso seria suficiente para mostrar la tu imagen en la splash screen. Pero tienes que tener en cuenta que para android 12 o superior la imagen por alguna razon no se muestra completa como en las versiones anteriores, se corta en forma de circulo que comprende el alto y ancho de 2/3 de la resolucion de la imagen, por ejemplo: si tu imagen mide 999x999, lu logo a mostrar tiene que caber en un circulo de 666x666 en el medio de la imagen, asi que tienes que agregarle algo de espacio a los lados de tu imagen.
Si quieres saber mas, aqui dejo estos links:
docs.flutter.dev/platform-integration/android/splash-screen#android-12
developer.android.com/develop/ui/views/launch/splash-screen?hl=es-419
www.appsloveworld.com/flutter/200/72/i-cannot-change-the-default-flutter-icon-in-splash-screen-to-image-of-my-choosing?expand_article=1#google_vignette
appunite.com/blog/flutter-splash-screen-for-android-and-ios
Para poner los colores en android 12 o superior hay dos maneras de hacerlo:
1- Simplemente agregando path del color que pusiste en la carpeta values de los archivos drawables, en vexz de usar el "bg_color.xml" que uso codigo correcto, de esta manera:
Esta es la forma que yo utilizo ya que funciona en versiones anteriores y y posteriores de android 12.
2- Estableciendolo en el archivo style.xml como con la imagen, asi:
#2B2A4E
@drawable/android12splash
?android:colorBackground
@@jeisonhernandez-ue1nq Disculpa la imagen "android12splash" la pusiste dentro de las carpetas drawable o en las de mi-map
@@jesusEsparza1 Yo las puse en ambas. En drawable y en las mipmap. Asi cubro las versiones posteriores y anteriores a la 12 de android.
No he visto video sobre el manejo de estados de la aplicación, por ejemplo que el usuario este llenando un formulario y este lo pueda recuperar si decide cerrar la aplicación.
Creo que este video te puede servir: ua-cam.com/video/BVJ6mHkn-Gk/v-deo.html
si quisiera agragarle texto en la parte inferior del splashScream, como podria hacerle
Hola estas configuraciones para el splash screen, también se ajustan al apartado de ios ?
O será otra configuración?
Gracias
Para iOS está este video: ua-cam.com/video/gfdveE8roaY/v-deo.html
Tienes un vídeo haciendo lo con el widget splashScreen?
Excelente todo. Funciona pero está demasiado tiempo el splash en pantalla. Alguna forma de manejar el tiempo? Gracias!
y si quiero hacer para ambiente web, estoy emulando en google chrome
Para colocarle tiempo de duración de esa pantalla como seria?
Por defecto el splash screen dura lo que tarde en cargar la app, si quieres que dure más, tendrías que crear una pantalla que lo haga de forma fake.
Me lanza el error: cannot resolve symbol donde se referencia la ubicación de los archivos e imagen creados.
y
android:src="@mipmap/mksplash"/>
Verifique tener todos los archivos llamados de igual manera que en el video
Gracias. Como seria con animaciones?
Excelente me sirvio mucho tu video sigue así
Que tal segui tu tutorial pero a veces cargar el splash y a veces no y no se porque sucede eso
Houston, tenemos un problema. En Android 13, no se muestra la imágen del Splash, se muestra el logo de Flutter. Sensei, como podemos solucionarlo?
Lo más fácil es usar este plugin. pub.dev/packages/flutter_native_splash
Debes especificar que es para Android 13. En el ReadMe se explica bien.
has un video también de como cambiar el icono de la aplicación
Justo el siguiente video trata sobre eso.
Buen trabajo... Puede hacer un video flutter conectado a API SOAP método get con autenticacion no existe en youtube bueno trabajo
Excelente video...Como hago para mantener el splash 1-2 seg en Android??
Hola es posible que el color sea un degradado?
Hola, super últi pero lo hice asi mismo y no me funciona, me aparece todo fondo negro el splash, cual prodría ser el problema?
Tal vez es porque estas emulando en android 12 o superior como tambien me paso que no me funcionaba en android 12 pero si en versiones anteriores. Para mostrar una imagen en la splash screen de celulares con android 12 o superior se usa un metodo distinto:
1-En la carpeta values, abre el achivo "style.xml"
2-Inserta esta etiqueta "@*La ruta de la imagen que quieres mostrar*" dentro de la etiqueta , aqui un ejemplo:
@drawable/launch_background
@drawable/splash
?android:colorBackground
Y con eso seria suficiente para mostrar la tu imagen en la splash screen. Pero tienes que tener en cuenta que para android 12 o superior la imagen por alguna razon no se muestra completa como en las versiones anteriores, se corta en forma de circulo que comprende el alto y ancho de 2/3 de la resolucion de la imagen, por ejemplo: si tu imagen mide 999x999, lu logo a mostrar tiene que caber en un circulo de 666x666 en el medio de la imagen, asi que tienes que agregarle algo de espacio a los lados de tu imagen.
Si quieres saber mas, aqui dejo estos links:
docs.flutter.dev/platform-integration/android/splash-screen#android-12
developer.android.com/develop/ui/views/launch/splash-screen?hl=es-419
www.appsloveworld.com/flutter/200/72/i-cannot-change-the-default-flutter-icon-in-splash-screen-to-image-of-my-choosing?expand_article=1#google_vignette
appunite.com/blog/flutter-splash-screen-for-android-and-ios
Un duda ¿Cómo puedo añadir un texto en la parte inferior del SplashScreen?, muchas gracias
como le puedo cambiar el tamaño al logo?
que plugin es el mateapp
Flutter Awesome Snnipet
Gracias!
:)
Gracias a ti por ver el vídeo. Espero te haya ayudado.
como haces para que te salga el material app automatico?
Es una extensión de VSCode que se llama Flutter Widget Snippets.
Excelente video
Muchas gracias. Espero te haya servido...
@ pues mucho, gracias por tu aporte, explicas de tal forma que se entiende muy bien
Excelente video ponle men un sonido
y para la parte iOS como seria???
Perfecto, oye nivela el volumen de los clips que metes, por que alguno estan mas altos que tu voz y desconsentran jaja
Jajaja. Ok, gracias..
como puedo hacer la imagen más pequeña y agregarle palabras? 😅
Muy buen video, super bien explicado, pero tengo un problema me sale un error al momento de ejecutar el main, me da un error en los archivos xml, me podría ayudar con ese problema porfavor
Consulta si deseo colocar un git en vez de una imagen de manera nativa es posible?
Si es posible, pero debes agregar algunas dependencias a Android en el archivo .gradle y el xml también es diferente. El uso de gif y svg en Android es todo un tema y mas si se quiere usar para Actividades como las de SplashScreen.
No sé que sucede pero no me funciono, hice todo como dice en viedo y no pasa, no entiendo que estoy haciendo mal
Me pasa igual, Solo pasa para versiones Android < 8, en las superiores no funciona
Subirás algún video de como sería para IOS?
Ya existe el video: ua-cam.com/video/gfdveE8roaY/v-deo.html espero te sirva.
@ gracias
no me funciona y segui los pasos al pie de letra
buen video bro
Hola! encontré una librería flutter_native_splash, podrías hacer un tutoríal de cómo usarla? y bueno tengo una duda, si ya configuré por separado la imagen de splash para android y iOS respectivamente como en el video, chocaría si trato de usar esa librería?
No he probado la librería que mencionas, con gusto le echaré un ojo. Normalmente lo nativo será lo que predomine, si la librería cambia los archivos en las carpetas de Android y la de iOS entonces si se lanzaría primero. En ambos casos no chocaría. Si no lo hace de forma nativa quizá se muestren los dos splashs. Pero hasta probarlo no lo sabe. Pronto subiré un video al respecto.
Hola, una pregunta y en iOS, Como se hace?
Acabo de subir un vídeo respondiendo tu pregunta: ua-cam.com/video/gfdveE8roaY/v-deo.html
Amigo, no se pueden poner SVG en lugar de bitmap ?
Manejar SVG en Android es todo un tema. De poderse si se puede, pero hay que instalar otras dependencias en Android en el .gradle. Luego cambiar los archivos xml usando los componentes de los paquetes nuevos. Estas tareas es mejor hacerlas en Android Studio por cierto, para asegurar compatibilidades.
Pero hacer el splash screen en Flutter implica que funcione em android e iOs. De la forma en que estas haciendo el SplashScreen solo funcionaria para android...
Correcto, el cambio de Splash Screen debe hacer para cada plataforma por separado. Para configurarlo para iOS se necesita XCode.
hola, hice todo como en el video pero la splash screen se ve opaca, alguien sabe por que?
Eso solo serviría para android? Y qué hay del código para iOS? Y web?
Para iOS hay un video explicando cómo se hace. Solo se puede hacer si estás programando en una Mac. En web quiero hacer un curso específico explicando lo que se puede hacer y lo que no.
min 12:50 con eso me desperte xD
Por favor que Nivel....Mil Gracias!
y para la parte de ios???
Para modificar el splash screen en ambas plataformas quiza este paquete te ayude: pub.dev/packages/flutter_native_splash
Muchas gacias
una duda se puede crear un SplashScreen animado?
Para usar uno animado se deben implementar unas dependencias en el gradle de Android y crear una actividad que muestre un gif.
como seria si yo quisiera tener dos imagenes en la splashscreen?
talvez me puedas ayudar como tomar la funcionalidad de captura pantalla y mandarla a llamar desde un boton me seria de mucha ayuda de antemano muchas gracias
Excelente. Lo pondré entre los videos pendientes. Gracias.
No me funciono, sigue mostrando el logo de flutter en lugar del mio
error: Attribute android:color is not allowed here
Hermano, porfa puedo poner un texto debajo de la imagen?
Puedes hacer dos cosas. Poner la etiqueta de texto en el archivo xml o puedes crear una imagen que ya contenga el texto.
@ Hola!! como sería esta opcion? "Poner la etiqueta de texto en el archivo xml "