Mostrar imágenes locales en Flutter

Mostrar imágenes locales en Flutter

---

1. Cree un directorio de recursos de imágenes

Primero, cree un directorio de recursos de imágenes para almacenar imágenes.

En el directorio raíz del proyecto, cree un directorio de activos y, debajo de él, cree un subdirectorio llamado imágenes para almacenar recursos de imágenes:

/assets/images/

2. Agregue imágenes locales al directorio de recursos

Agregue las imágenes que necesitamos al directorio / assets / images /.

3. Regístrese en pubspec.yaml

Configure el directorio de imágenes en el archivo pubspec.yaml:

flutter:
  assets:
    - assets/images/

Todo el catálogo de imágenes está registrado arriba, y luego podemos usarlo.

Por supuesto, si solo queremos registrar una imagen, podemos hacer esto:

flutter:
  assets:
    - assets/images/task_icon.jpg

4. Uso de imágenes

Ahora, puede usar la imagen directamente en el código:

Image.asset('assets/images/task_icon.jpg')

Flutter Image es un widget que muestra imágenes. Image.asset (nombre de cadena): obtenga la imagen de AssetBundler.

---

** PD: Para obtener más contenido emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de Flutter"
** PD: Para obtener contenido más emocionante, verifique -> "Desarrollo de aleteo"