Soláthraíonn React Native tacar de phríomhchomhpháirteanna — cosúil le View, Text, Image, ScrollView, TextInput — a mhapáilíonn ar dhúchasuithe UI. Is iad na blocanna tógála bhunúsacha ar UI React Native, agus úsáidtear iad i ionad eilimintí HTML an ghréasáin.
React Native uses its OWN components (mapping to native views), NOT HTML:
VIEW → a container (like a <div>) — the basic layout building block
TEXT → display text (ALL text must be inside a <Text>, unlike web)
IMAGE → display images (local or remote)
TEXTINPUT → text input field (like an <input>)
SCROLLVIEW → a scrollable container
FLATLIST → an efficient scrollable LIST (for long lists — renders lazily)
TOUCHABLEOPACITY / PRESSABLE → handle taps (touchable areas)
BUTTON → a basic button
import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native';
function Profile() {
return (
<View style={styles.container}> {/* container (like a div) */}
<Image source={{ uri: 'https://...' }} style={styles.avatar} />
<Text style={styles.name}>Ann</Text> {/* text MUST be in <Text> */}
<TextInput placeholder="Email" />
<TouchableOpacity onPress={() => {}}>
<Text>Submit</Text>
</TouchableOpacity>
</View>
);
}
✓ Use <View> not <div>, <Text> not <p>/<span>; ALL text must be in <Text>
✓ No CSS classes/files — STYLING via a style prop (JS objects, StyleSheet) — see styling
✓ Touchables/Pressable for interactions (not onClick on divs)
✓ FlatList for long lists (efficient) — not mapping over everything
Is iad na príomhchomhpháirteanna an fhoras ar fhorfheidhmiú React Native, mar is iad na blocanna tógála ar gach UI React Native — tugann tú dréachta orthu chun comhéadain a thógáil, mar sin is eolas bunúsach ríthábhachtach a bhfuil gá ann dó.
Soláthraíonn React Native a chomhpháirteanna féin a mhapáilíonn ar thuairimí dhúchasacha (seachas eilimintí HTML an ghréasáin), agus is riachtanach a thuiscint na díomaite — View (an coimeádán, cosúil le div), Text (ar fad an téacs, agus an riail dhíomaite go gcaithfidh gach téacs a bheith laistigh de chomhpháirt Text, murab ionann agus ar an ngréasán), Image, TextInput, ScrollView, FlatList (do liostaí fada éifeachtach), agus touchables/Pressable (chun teagmháil a láimhseáil) — chun aon chomhéadan React Native a thógáil.
Tá sé go háirithe tábhachtach a thuiscint na príomhdhifríochtaí ó dhomhan an ghréasáin do fhorbróirí React/gréasáin atá ag soghluachadh go React Native: View a úsáid i ionad div agus Text i ionad p/span (leis an riail gach-téacs-i-Text), stíl a chur i bhfeidhm tríd an prop stíle seachas ranganna CSS/comhaid, touchables/Pressable a úsáid do idirghníomhaíochtaí seachas onClick, agus FlatList a úsáid do liostaí fada (a dhéanann giniúint go héifeachtach/go mall) seachas gach rud a mhapáil — is iad na difríochtaí seo ná locanna oilc a bhíonn ann go minic a soiléiríonn tuiscint ar na príomhchomhpháirteanna.
Déanann na comhpháirteanna cumaisc (cosúil le React) chun comhéadain a thógáil, agus View mar an coimeádán bunúsach.
ó bhreithníodh gur iad na príomhchomhpháirteanna na blocanna tógála ar gach UI React Native (úsáideann tú i gconaí iad chun comhéadain a thógáil) agus tuiscint a bheith agat ar na comhpháirteanna sin agus ar a bhfad atá siad difriúil ó HTML an ghréasáin is ríthábhachtach chun feidhmchlár React Native a thógáil (go háirithe do fhorbróirí gréasáin), is eolas React Native bhunúsach agus ríthábhachtach a bheith agat ar na príomhchomhpháirteanna — an bhocabúlacht bhunúsach ar chomhéadain React Native, is gá ar chor ar bith chun aon chomhéadan a thógáil agus chun an tuiscint React gréasáin a chur in oiriúint don tsamhail dhúchasach chomhpháirteanna, ar chompéasóideacht bhunúsach ar fhorfheidhmiú React Native.