Explorer trois composants principaux de React Native

Explorer trois composants principaux de React Native

Il y a trois composants de base importants qui seront utilisés plusieurs fois à l'intérieur du composant JSX. qui sont donnés ci-dessous,

Voir

View dans React Native est ainsi appelé un conteneur qui contient d'autres composants essentiels de React Native. C'est comme un emballage qui contient d'autres composants.

Si vous venez du développement Web, cette Vue ressemble aux balises

,

et

de html.

Dans React Native, nous n'avons que le composant pour créer un conteneur.

Texte

Le texte dans React Native est un composant essentiel qui permet d'y écrire du texte. sans vous ne pouvez pas écrire de texte dans React Native.

En développement Web, si vous souhaitez écrire un texte, pouvez-vous simplement écrire des textes à l'intérieur d'un

,

ou à l'intérieur de

, mais dans React Native si vous écrivez du texte dans composant, vous obtenez une erreur comme celle-ci,

Ici, vous pouvez voir qu'il nous donne une erreur concernant le « Les chaînes de texte doivent être rendues avec un composant. »**

La syntaxe pour écrire une chaîne est donnée ci-dessous,

<View>
    <Text>
        Something that we have to render in this text tag, In React Native.
    </Text>
<View>

Exemple en temps réel pour écrire du texte,

Maintenant le dernier qui est TextInput

est un composant qui permet d'écrire des textes dans une boîte, pour les développeurs Web, c'est comme un étiquette.

pour en savoir plus sur ces composants principaux, consultez ces liens,

Merci d'avoir lu. Et si vous souhaitez créer des applications natives sur React Native, restez informé sur https://dev.to/sadiqhasanrupani

Si vous voulez voir ce que je fais, suivez-moi sur LinkedIn ou X.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html String if for Error this input kind react native https Other

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment puis-je afficher des balises HTML dans une zone de texte ?Article suivant：Comment puis-je afficher des balises HTML dans une zone de texte ?

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript