Répertoriez les composants de base importants de React Native-js tutoriel-php.cn

Répertoriez les composants de base importants de React Native

WBOY

Libérer： 2023-09-08 21:25:06

avant

885 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: 'https://www.tutorialspoint.com/react_native/images/logo.png', }} 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 'react-native'; 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!