Apa saé komponèn inti ing React Native?

Question

Accepted Answer

React Native nyediakake set saka **komponèn inti** — kaya **View**, **Text**, **Image**, **ScrollView**, **TextInput** — sing ngarep menyang elemen UI asli. Iki minangka blok bangunan dhasar saka UI React Native, dienggo tinimbang elemen HTML web. ## Komponèn inti (versus HTML web) ```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 ``` ## Conto ```jsx import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native'; function Profile() { return ( {/* container (like a div) */} Ann {/* text MUST be in */} {}}> Submit ); } ``` ## Beda kunci saka web ```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 ``` ## Kenapa iku penting Nglerok komponèn inti iku dhasar kanggo pangembangan React Native sebab **iku blok bangunan saka saben UI React Native** — sampeyan nyusun kanggo nggawe antarmuka, dadi iku kudu-kudu kasunyatan wawasan dhasar. React Native nyediakake **komponèn dhewe** sing ngarep menyang pandangan asli (tinimbang elemen HTML web), lan nglerok sing penting — **View** (wadah, kaya div), **Text** (kanggo kabeh teks, kanthi aturan penting yen kabeh teks kudu ing sajroning komponen Text, ora kaya web), **Image**, **TextInput**, **ScrollView**, **FlatList** (kanggo long lists sing efisien), lan touchables/**Pressable** (kanggo nangani tap) — iku penting kanggo nggawe saben UI React Native. Nglerok **beda kunci saka web** iku luwih penting kanggo pangembang web/React sing pinindah menyang React Native: ngenggo View tinimbang div lan Text tinimbang p/span (kanthi aturan kabeh-teks-ing-Text), gaya liwat prop style tinimbang CSS classes/files, ngenggo touchables/Pressable kanggo interaksi tinimbang onClick, lan ngenggo **FlatList kanggo long lists** (sing nglakokake rendering efisien/lazy) tinimbang pemetaan kabeh — beda iki minangka kendala umum sing nglerok komponèn inti ngjelaske. Komponenèn nyusun (kaya React) kanggo nggawe UI, kanthi View minangka wadah dhasar. Komponenèn inti minangka blok bangunan saka saben UI React Native (sampeyan ngenggo terus-terusan kanggo nggawe antarmuka) lan nglerok lan carane beda saka HTML web iku dhasar kanggo nggawe app React Native (luwih-luwih kanggo pangembang web), nglerok komponèn inti iku wawasan React Native penting lan dhasar — bausastra dhasar UI React Native, perlu kanggo nggawe seben antarmuka lan kanggo adaptasi wawasan React web menyang model komponen asli, kompetensi utama kanggo pangembangan React Native.