Menene manyan abubuwan da ke cikin React Native?

Question

Accepted Answer

React Native yana samar da jerin **manyan abubuwan** — kamar **View**, **Text**, **Image**, **ScrollView**, **TextInput** — waɗanda suka haɗa zuwa abubuwan UI na asali. Waɗannan abubuwan da ake gina da su ne na React Native UI, aka bugi su maimakon abubuwan HTML na gida. ## Manyan abubuwan (vs HTML na gida) ```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 ``` ## Misali ```jsx import { View, Text, Image, TextInput, TouchableOpacity } from 'react-native'; function Profile() { return ( {/* container (like a div) */} Ann {/* text MUST be in */} {}}> Submit ); } ``` ## Bambance-bambancen sakamako ```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 ``` ## Me yasa ya fi dacewa Ganin manyan abubuwan yana da mahimmanci ga haɗin React Native saboda **su ne abubuwan da ake gina da su na kowane UI na React Native** — ka jera su don gina abubuwan sadarwa, don haka ilimi na mahimmanci ne. React Native yana samar da **abubuwan nasa kansu** waɗanda suka haɗa zuwa duba na asali (maimakon abubuwan HTML na gida), da ganin waɗanda suka fi mahimmanci — **View** (akwati, kamar div), **Text** (duk rubutu, tare da mahimmin ka'ida cewa duk rubutu dole ne ya kasance a cikin abin Text, ba kamar gida ba), **Image**, **TextInput**, **ScrollView**, **FlatList** (don jerin dogon da saurin aiki), da touchables/**Pressable** (don sarrafa bugi) — ya zaci don gina kowane UI na React Native. Ganin **bambance-bambancen sakamako** yana da mahimmanci musamman ga masu aikin gida/React waɗanda suke ƙofar zuwa React Native: amfani da View maimakon div da Text maimakon p/span (tare da duk-rubutu-a-cikin-Text ka'ida), dab da style property maimakon CSS classes/files, amfani da touchables/Pressable don ayyuka maimakon onClick, da amfani da **FlatList don dogon jeri** (wanda ya sadawa da saurin aiki/jajadi) maimakon zama duka — waɗannan bambance-bambancen gida ne na ba da kawo da ganin manyan abubuwan yana bayyana. Abubuwan suna haɗa (kamar React) don gina abubuwan sadarwa, tare da View azaman akwati na mahimmanci. Tun da manyan abubuwan su ne abubuwan da ake gina da su na kowane UI na React Native (ka yi amfani da su sau-sau don gina abubuwan sadarwa) da ganin waɗannan abubuwan da kuma bambancin su daga HTML na gida ya zaci don gina abubuwan React Native (musamman ga masu aikin gida), ganin manyan abubuwan yana da mahimmanci, ilimin mahimmanci na React Native — kalmar kahawaye na UI na React Native, ya zaci don gina kowane abin sadarwa da kuma yin daidai ilimin gida na React zuwa tsarin abubuwan asali, ƙwarir mahimmanci na noma ta React Native.