Voici un guide complet pour les composants React Native correspondant aux éléments HTML et aux composants natifs de l'interface utilisateur Android et iOS qui peuvent combler le fossé entre le développement Web et mobile. Ce tableau complet fournit une comparaison côte à côte pour aider les développeurs à effectuer une transition transparente entre les plates-formes.
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 | WebView | WKWebView | |
Animated.View |
with animations |
Animated View | UIView with animations |
Cela aide tout nouveau développeur natif réactif à passer facilement du développement Web ou natif
Références :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!