Aller au contenu principal

3.2 - Image Client 🖼️

Avant la séance

Il existe 3 principaux emplacements pour une image qu'on souhaite afficher :

  1. Assets : Directement dans le projet de l'application.
    • Lorsqu'on sait qu'on va avoir besoin de l'image.
    • Ex : le logo de l'application qui s'affiche dans la page d'accueil.
  2. Local (File) : Sur le téléphone de l'utilisateur
    • Lorqu'on veut donner le choix à l'utilisateur de choisir lui-même une photo.
    • Ex : choisir sa photo de profil parmis ses fichiers, dans la page modifier le profil
    • Conseil : Si vous utilisez un émulteur, consultez la recette pour Image sur un émulateur 🖼️
  3. Sur le réseau (Network) : Sur un réseau local, distant, ou internet.
    • Lorsqu'on veut afficher une photo qui n'est pas sur l'appareil de l'utilisateur.
    • Ex : afficher la photo de profil de l'utilisateur qu'il a préalablement téléversée.

Regardez le code de démo image_client. Vous devez cherchez les TODO.

Séance

Nous regarderons les avantages et inconvénients d'utiliser des images avec une taille fixe ou dynamique.

Nous discuterons des avantages de redimensionner des images côté client et côté serveur.

Nous discuterons du "caching" des images, et de la différence entre la stratégie de caching utilisée par Image.network (mémoire) versus celle utilisée par CachedNetworkImage (disque).

Complétez les exercices suivants :