Senaraikan komponen teras penting React Native-tutorial js-php.cn

Senaraikan komponen teras penting React Native

WBOY

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

ke hadapan

887 orang telah melayarinya

Komponen teras yang paling penting dalam React Native adalah seperti berikut -

Lihat - < ; kepada pengguna. Ia juga mengendalikan gaya dan acara sentuhan. . Apabila dilihat dalam penyemak imbas web, komponen akan bertukar kepada Apabila dilihat dalam penyemak imbas web, komponen digunakan untuk memaparkan imej. Apabila apl dilihat dalam peranti Android, komponen akan ditukar kepada Apabila dilihat dalam pelayar web, komponen akan bertukar kepada

dan pemandangan Bekas bergolek.

Elemen input di mana pengguna boleh memasukkan teks Berikut ialah yang untuk , , &<gt;c, &<gt;c. TextInput> Contoh berfungsiUntuk menggunakan Teks, Paparan, Imej, ScrollView, TextInput, anda perlu mengimport komponen daripada react-native, seperti yang ditunjukkan di bawah -

import { View, Text, Image, ScrollView, TextInput } from &#39;react-native&#39;;

Salin selepas log masuk

Komponen paparan digunakan terutamanya untuk menyimpan teks, butang, gambar, dsb. Cara menggunakan komponen ini Seperti yang ditunjukkan di bawah -

Komponen React Native	Paparan asli Android	Paparan asli IOS	Pelayar web	Arahan
	Apabila apl muncul dalam peranti Android, komponen akan bertukar kepada	Apabila apl muncul dalam peranti IOS, komponen UIView>	Komponen akan ditukar kepada teg dalam penyemak imbas web	ialah bekas teras yang menyokong reka letak flexbox. Ia juga menguruskan pengendalian sentuhan. . ;Komponen Teks> akan bertukar kepada
Apabila dilihat dalam pelayar web, komponen akan bertukar kepada Tag			Scrollview -	Apabila IOS dilihat dilihat dalam penyemak imbas web, komponen akan bertukar kepada
	TextInput -	Apabila apl dipaparkan dalam peranti Android, komponen akan ditukar kepada ; dipaparkan dalam peranti IOS Apabila komponen ditukar kepada kepada	Apabila komponen teks" > tag.
	Contoh	<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> Salin selepas log masuk mempunyai komponen teks dan imej di dalamnya. Komponen ScrollView berkelakuan seperti komponen induk yang mengendalikan Lihat, Teks, Imej, Butang dan komponen React Native yang lain. 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; Salin selepas log masuk output

Atas ialah kandungan terperinci Senaraikan komponen teras penting React Native. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!