Maison > interface Web > js tutoriel > le corps du texte

Répertoriez les composants de base importants de React Native

WBOY
Libérer: 2023-09-08 21:25:06
avant
861 Les gens l'ont consulté

Les composants de base les plus importants de React Native sont les suivants : 

Image - TextInput -

Lorsque l'application est affichée sur un appareil Android, le composant sera remplacé par

Exemple Pour utiliser Text, View, Image, ScrollView, TextInput, vous devez importer des composants depuis React-Native, comme indiqué ci-dessous -
Composants React Native Vue native Android Vue native IOS Navigateur Web Instructions
Vue - ≪ ;Lorsque l'application apparaît sur un appareil Android, le composant devient

Lorsque l'application apparaît sur un appareil IOS, le composant UIView>

Le composant sera remplacé par une balise
dans un navigateur Web

est le conteneur principal qui prend en charge la disposition flexbox. Il gère également la manipulation tactile.

Texte - Lorsque l'application apparaît sur les appareils Android, le composant ;Text> deviendra

Lorsqu'il est vu dans un navigateur Web, le composant deviendra

Il gère également les styles et les événements tactiles.

Lorsque l'application est vue sur les appareils Android, le composant sera remplacé par

Lorsque l'application est vue sur les appareils IOS Lorsqu'il est vu dans un navigateur Web, le composant se transforme en Lorsqu'il est vu dans un navigateur Web, le composant se transforme en est utilisé pour afficher des images.

Scrollview -

Lorsque l'application est vue sur les appareils Android, le composant sera remplacé par

Lorsque l'application est vue sur les appareils IOS. vu dans un navigateur Web, le composant deviendra
Lorsqu'il sera vu dans un navigateur Web, le composant deviendra
et vues Conteneur roulant.

Lorsque l'application est affichée dans un périphérique IOS Lorsque le composant est visible dans un navigateur Web, le paramètre est remplacé par

Lorsque le composant est modifié en à la balise

Un élément de saisie dans lequel l'utilisateur peut saisir du texte

Voici ceux pour , , , TextInput> Exemple de travail

import { View, Text, Image, ScrollView, TextInput } from 'react-native';
Copier après la connexion

Le composant View est principalement utilisé pour enregistrer du texte, des boutons, des images, etc. Comment utiliser ce composant Comme indiqué ci-dessous -

<View>
   <Text style={{ padding:"10%", color:"red" }}>Inside View Container</Text>
   <Image
      source={{
         uri: &#39;https://www.tutorialspoint.com/react_native/images/logo.png&#39;,
      }}
      style={{ width: 311, height: 91 }}
   />
</View>
Copier après la connexion
< /td> contient des composants texte et image. Le composant ScrollView se comporte comme un composant parent qui gère View, Text, Image, Button et d'autres composants React Native.
import React from 'react';
import { View, Text, Image, ScrollView, TextInput } from &#39;react-native&#39;;

const App = () => {
   return (
      
         Welcome to TutorialsPoints!
         
            Inside View Container
            
      
      
      
   );
}
export default App;
Copier après la connexion
sortie

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!

source:tutorialspoint.com
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal