Listen Sie die wichtigen Kernkomponenten von React Native auf-js-Tutorial-php.cn

Listen Sie die wichtigen Kernkomponenten von React Native auf

WBOY

Freigeben： 2023-09-08 21:25:06

nach vorne

887 Leute haben es durchsucht

Die wichtigsten Kernkomponenten in React Native sind wie folgt:

Image - Scrollview - In einem Webbrowser ändert sich die -Komponente mit Komponenten und Ansichten Rollcontainer. Wenn die App auf einem Android-Gerät angezeigt wird, wird die -Komponente in geändert.

Ein Eingabeelement, in das der Benutzer Text eingeben kann Hier sind die Elemente für , , , TextInput> ArbeitsbeispielView-Komponente wird hauptsächlich zum Speichern von Text, Schaltflächen, Bildern usw. verwendet. So verwenden Sie diese Komponente Wie unten gezeigt –

React Native-Komponenten	Native Android-Ansicht	IOS-Native-Ansicht	Webbrowser	Anweisungen
. Anzeigen - < Anzeigen> ;	Wenn die App auf einem Android-Gerät angezeigt wird, ändert sich die Komponente zu	Wenn die App auf einem IOS-Gerät angezeigt wird, ändert sich die Komponente UIView>	Die -Komponente wird in einem Webbrowser in ein -Tag geändert.	ist der Kerncontainer, der das Flexbox-Layout unterstützt. Es verwaltet auch die Touch-Handhabung.
Text -	Wenn die App auf Android-Geräten angezeigt wird, ändert sich die -Komponente in	Wenn die App auf IOS-Geräten angezeigt wird, wird die < Die Komponente „Text“ ändert sich in „UITextView“ Es verarbeitet auch Stile und Touch-Ereignisse.		Wenn die App auf Android-Geräten angezeigt wird, wird die Komponente in geändert.
Wenn die App auf IOS-Geräten angezeigt wird Wenn sie in einem Webbrowser angezeigt wird, ändert sich die Komponente in Wenn sie in einem Webbrowser angezeigt wird, ändert sich die Komponente Wird zum Anzeigen von Bildern verwendet.		Wenn die App auf Android-Geräten angezeigt wird, wird die -Komponente in geändert.	Wenn die App auf IOS-Geräten angezeigt wird In einem Webbrowser ändert sich die -Komponente in
	TextInput -	Wenn die App angezeigt wird ein IOS-Gerät Wenn die -Komponente in geändert wird;	Wenn die -Komponente in einem Webbrowser angezeigt wird; Text" >-Tag.
	Beispiel	Um Text, View, Image, ScrollView, TextInput zu verwenden, müssen Sie Komponenten aus React-Native importieren, wie unten gezeigt - import { View, Text, Image, ScrollView, TextInput } from 'react-native'; Nach dem Login kopieren	<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> Nach dem Login kopieren enthält Text- und Bildkomponenten. Die ScrollView-Komponente verhält sich wie eine übergeordnete Komponente, die View, Text, Image, Button und andere React Native-Komponenten verarbeitet. 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; Nach dem Login kopieren Ausgabe

Das obige ist der detaillierte Inhalt vonListen Sie die wichtigen Kernkomponenten von React Native auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!