Les composants de base les plus importants de React Native sont les suivants :
Composants React Native | Vue native Android | Vue native IOS | Navigateur Web | Instructions |
---|---|---|---|---|
Vue - ≪ ; | Lorsque l'application apparaît sur un appareil Android, le composant |
Lorsque l'application apparaît sur un appareil IOS, le composant |
Le composant 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 |
Lorsqu'il est vu dans un navigateur Web, le composant Il gère également les styles et les événements tactiles. |
Image - | Lorsque l'application est vue sur les appareils Android, le composant |
Lorsque l'application est vue sur les appareils IOS Lorsqu'il est vu dans un navigateur Web, le composant |
Lorsqu'il est vu dans un navigateur Web, le composant |
Scrollview - |
Lorsque l'application est vue sur les appareils Android, le composant |
Lorsque l'application est vue sur les appareils IOS. vu dans un navigateur Web, le composant |
Lorsqu'il sera vu dans un navigateur Web, le composant et vues Conteneur roulant.
|
TextInput - | Lorsque l'application est affichée dans un périphérique IOS Lorsque le composant |
Lorsque le composant |
Un élément de saisie dans lequel l'utilisateur peut saisir du texte | Exemple | Voici ceux pour | Pour utiliser Text, View, Image, ScrollView, TextInput, vous devez importer des composants depuis React-Native, comme indiqué ci-dessous -import { View, Text, Image, ScrollView, TextInput } from 'react-native'; Copier après la connexion <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 | import React from 'react'; import { View, Text, Image, ScrollView, TextInput } from 'react-native'; const App = () => { return ( Copier après la connexion |
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!