React Native pruža skup osnovnih komponenti — poput View, Text, Image, ScrollView, TextInput — koji se mapiraju na izvorni UI elemente. Oni su temeljni gradivni blokovi React Native sučelja, korišteni umjesto web HTML elemenata.
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
Razumijevanje osnovnih komponenti je temeljno za razvoj React Native jer su to gradivni blokovi svakog React Native sučelja — komponiraste ih za izgradnju sučelja, pa je to neophodna temeljna znanja.
React Native pruža svoje vlastite komponente koje se mapiraju na izvorni prikaze (umjesto web HTML elemenata), i razumijevanje bitnih — View (spremnik, poput div), Text (za sav tekst, s važnim pravilom da sav tekst mora biti unutar Text komponente, za razliku od weba), Image, TextInput, ScrollView, FlatList (za učinkovite dugačke popise), i touchables/Pressable (za rukovanje kucanjem) — je potrebno za izgradnju bilo kojeg React Native sučelja.
Razumijevanje ključnih razlika od weba je osobito važno za web/React razvojne programere koji prelaze na React Native: korištenje View umjesto div i Text umjesto p/span (s pravilom svi-tekst-u-Text), stiliziranje putem style svojstva umjesto CSS klasa/datoteka, korištenje touchables/Pressable za interakcije umjesto onClick, i korištenje FlatList za dugačke popise (koji se prikazuje učinkovito/lijenivo) umjesto mapiranja svega — te razlike su česti problemi koje razumijevanje osnovnih komponenti pojašnjava.
Komponente se komponiraju (kao React) za izgradnju sučelja, s View kao temeljnim spremnikom.
Budući da su osnovni komponenti gradivni blokovi svakog React Native sučelja (stalno ih koristiš za izgradnju sučelja) i razumijevanje tih komponenti i kako se razlikuju od web HTML je temeljno za izgradnju React Native aplikacija (osobito za web razvojne programere), razumijevanje osnovnih komponenti je neophodno, temeljno React Native znanje — osnovni vokabular React Native sučelja, nužno za izgradnju bilo kojeg sučelja i za prilagodbu web React znanja modelu izvornih komponenti, temeljna kompetencija razvoja React Native.
Knjižnica IT pitanja za razgovore za posao s detaljnim odgovorima — od Juniora do Seniora.
Doniraj