Hier finden Sie eine vollständige Anleitung für React Native-Komponenten, die HTML-Elementen entsprechen. Native Android- und iOS-UI-Komponenten können die Lücke zwischen Web- und mobiler Entwicklung schließen. Diese umfassende Tabelle bietet einen direkten Vergleich, um Entwicklern einen nahtlosen Übergang zwischen Plattformen zu ermöglichen.
| React Native Component | HTML Element | Android Component | iOS Component |
|---|---|---|---|
| View | ViewGroup | UIView | |
| Text |
or |
TextView | UILabel |
| Image | ImageView | UIImageView | |
| TextInput | EditText | UITextField | |
| ScrollView | ScrollView | UIScrollView | |
| FlatList |
|
RecyclerView | UITableView |
| SectionList |
|
ExpandableListView | UITableView with sections |
| Button | Button | UIButton | |
| TouchableOpacity | Clickable |
TouchableOpacity | UIButton (with opacity) |
| TouchableHighlight | Clickable |
TouchableHighlight | UIButton (with highlight effect) |
| TouchableWithoutFeedback | Clickable |
View with touch events | UIView with touch events |
| ActivityIndicator | CSS Spinner | ProgressBar | UIActivityIndicatorView |
| Modal | Custom modal/dialog | Dialog | Modal UIViewController |
| Picker | Spinner | UIPickerView | |
| Switch | Switch | UISwitch | |
| Slider | SeekBar | UISlider | |
| StatusBar | N/A | StatusBar | UIStatusBar |
| SafeAreaView | N/A | View (with insets) | UIView respecting safe areas |
| KeyboardAvoidingView | N/A | View with keyboard handling | UIView with keyboard handling |
| Pressable | View with touch events | UIView with touch events | |
| RefreshControl | N/A | SwipeRefreshLayout | UIRefreshControl |
| WebView |
