React Native zagotavlja nabor osnovnih komponent — kot so View, Text, Image, ScrollView, TextInput — ki se preslikajo v naročniške UI elemente. So temeljni gradniki uporabniškog vmesnika React Native, ki se uporabljajo namesto spletnih HTML elementov.
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
Razumevanje osnovnih komponent je temeljno za razvoj React Native, ker so gradniki vsakega uporabniškog vmesnika React Native — sestavljate jih za gradnjo vmesnikov, zato je to nepogrešljivo temeljno znanje.
React Native zagotavlja lastne komponente, ki se preslikajo v naročniške prikaze (namesto spletnih HTML elementov), razumevanje bistvenih — View (posoda, kot je div), Text (za vso besedilo, s pomembnim pravilom, da mora biti vse besedilo v komponenti Text, za razliko od spleta), Image, TextInput, ScrollView, FlatList (za učinkovite dolge sezname) in touchables/Pressable (za obravnavo dotikov) — je potrebno za gradnjo katerega koli uporabniškega vmesnika React Native.
Razumevanje ključnih razlik od spleta je posebej pomembno za spletne/React razvijalce, ki se prebujajo k React Native: uporaba View namesto div in Text namesto p/span (s pravilom, da je vse besedilo v Text), oblikovanje prek svojstva style namesto CSS razredov/datotek, uporaba touchables/Pressable za interakcije namesto onClick, in uporaba FlatList za dolge sezname (ki se prikazuje učinkovito/leno) namesto preslikavanja čez vse — te razlike so pogosti problemi, ki jih razumevanje osnovnih komponent pojasni.
Komponente se sestavljajo (kot React) za gradnjo uporabniških vmesnikov, z View kot temeljno posodo.
Ker so osnovne komponente gradniki vsakega uporabniškega vmesnika React Native (jih stalno uporabljate za konstruiranje vmesnikov) in razumevanje njih ter kako se razlikujejo od spletnega HTML je temeljno za gradnjo aplikacij React Native (posebej za spletne razvijalce), je razumevanje osnovnih komponent bistvenega, temeljtega znanja React Native — osnovnega besedišča uporabniškog vmesnika React Native, potrebnega za gradnjo katerega koli vmesnika in za prilagajanje spletnega React znanja izvirnem modelu komponent, temeljna kompetenca za razvoj React Native.