CATALOGUE Code & Data Formation ReactJS Apprendre React Native - Les fondamentaux Affichage d'un Avatar avec React Native

Affichage d'un Avatar avec React Native

Afficher les images
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre React Native - Les fondamentaux
Revoir le teaser Je m'abonne
1,0
Transcription
Cette leçon fait partie de la formation
49,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
1,0
Cette leçon fait partie de la formation
49,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

Introduction à l'affichage d'image

Objectifs

Les objectifs de cette vidéo sont de vous apprendre à :

- Utiliser le composant image de React Native

- Définir la propriété source correctement

- Appliquer des styles pour ajuster la taille des images

Résumé

Apprenez à afficher des avatars en utilisant le composant image de React Native et à définir des styles pour une meilleure présentation.

Description

Dans cette leçon, nous allons explorer comment afficher correctement un avatar en utilisant le composant image de React Native. Contrairement à une balise HTML traditionnelle, nous utilisons la propriété source au lieu de src. Ce composant n'a pas de propriété enfant, ce qui signifie qu'il se ferme automatiquement. Afin de garantir que l'image s'affiche correctement sans prendre trop de place, nous appliquerons des styles directement dans le fichier JSX, en définissant des valeurs spécifiques pour la largeur et la hauteur de l'image. Vous apprendrez également à styler vos composants pour éviter que des images de haute résolution n'affectent la mise en page globale de votre application.

Voir plus

Questions fréquentes

Pourquoi utilise-t-on la propriété source au lieu de src pour le composant image en React Native ?
En React Native, la propriété source est spécifique au composant image car elle est conçue pour fonctionner dans l'environnement natif, tandis que src est utilisé en HTML.
Comment peut-on définir la taille d'une image en React Native ?
On peut définir la taille d'une image en utilisant la propriété style sur le composant image et en passant un objet avec des valeurs pour la largeur et la hauteur.
Quelles sont les différences entre le composant image de React Native et une balise img en HTML ?
Le composant image de React Native utilise la propriété source au lieu de src, n'a pas de contenu enfant, et permet d'appliquer des styles directement via des objets JavaScript.

Programme détaillé

1 commentaire
1,0
1 vote
5
4
3
2
1
BENOIT C.
Il y a 4 ans
Plus du tout à jour, doit dater de 2017
Dommage parce le contenu semble etre de qualité