Koji su osnovni komponenti u React Native?

Question

Accepted Answer

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. ## Osnovni komponenti (nasuprot web HTML) ```text React Native uses its OWN components (mapping to native views), NOT HTML: VIEW → a container (like a

) — the basic layout building block TEXT → display text (ALL text must be inside a , unlike web) IMAGE → display images (local or remote) TEXTINPUT → text input field (like an ) SCROLLVIEW → a scrollable container FLATLIST → an efficient scrollable LIST (for long lists — renders lazily) TOUCHABLEOPACITY / PRESSABLE → handle taps (touchable areas) BUTTON → a basic button ``` ## Primjer ```jsx import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native'; function Profile() { return ( {/* container (like a div) */} Ann {/* text MUST be in */} {}}> Submit ); } ``` ## Ključne razlike od weba ```text ✓ Use not

, not

/; ALL text must be in ✓ 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 ``` ## Zašto je to važno 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.