Maison > interface Web > js tutoriel > le corps du texte

Aide-mémoire des composants natifs de React

Barbara Streisand
Libérer: 2024-10-17 06:26:29
original
216 Les gens l'ont consulté

React Native Components CheatSheet

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
    (with custom handling)
RecyclerView UITableView
SectionList
    with sections
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