Inicio » Blog » Flutter

30 octubre, 2020

Cargar imágenes en Flutter JPG, GIF o SVG

Para cargar una imagen implementamos widgets y dependencias necesarias dependiendo si el recurso será de internet o local. Veamos ejemplos y aplicaciones

Cargar imágenes en Flutter JPG, GIF o SVG

Suscríbete a nuestro canal en Youtube

Suscríbirse

Hola, bien sabes que una aplicación con imágenes es mucho más vistosa, entendiendo esto de una forma sencilla y claro que depende del tipo de imagen. Dado que es un elemento visual muy importante en cualquier aplicación móvil, o digamos en general con pocas excepciones te enseñaré todos los matices de como poner una imagen en los formatos más usados dentro de una aplicación Flutter. Entonces te invito a seguir el tutorial para que tengas una guía sencilla de leer y/o aplicarla en tus proyectos de emprendimiento o servicios profesionales.

¿CÓMO CARGAR IMÁGENES EN FLUTTER?

1. Preparar las imágenes

Sea cual fuere el tipo de imagen aceptada en Flutter debemos optimizar los siguientes aspectos para que tengamos una imagen atractiva al usuario final.

  • Recurrir a un diseñador gráfico y solicitarle las imágenes con el diseño y tamaños adecuado y optimizados para web, si para web puesto que necesitamos que realmente comunique su finalidad y sea de carga rápida. Si tienes conocimientos de Diseño, tu mismo puedes preparar las imágenes a emplear.
  • Establecer la finalidad de la imagen en la aplicación, pues no se trata de solo colocar una imagen y ya.
  • El peso es muy importante en la optimización de la carga ya se local o desde un servidor web.
  • El tamaño, puesto que deben establecer el aspecto visual 

2. Añadir paquetes o llamadas dependencias al archivo YAML

3. Ejemplos sencillos y aplicaciones prácticas

4. Conclusiones que destacamos.

.... Artículo en desarrollo


Leido 5602 veces

Compartir link del tutorial con tus amigos


Aprende más sobre Flutter

Cursos de programación

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023