Componentes y APIs principales

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

React Native incluye varios Componentes principales listos para usar en tu aplicación. Puedes encontrarlos todos en la barra lateral izquierda (o en el menú superior si estás en una pantalla pequeña). Si no sabes por dónde empezar, revisa las siguientes categorías:

• Componentes básicos

• Interfaz de usuario

• Vistas de lista

• Específicos de Android

• Específicos de iOS

• Otros

No estás limitado a los componentes y APIs incluidos con React Native. Existe una comunidad de miles de desarrolladores. Si buscas una biblioteca para una función específica, consulta esta guía sobre cómo encontrar bibliotecas.

Componentes básicos

La mayoría de aplicaciones utilizarán uno o más de estos componentes fundamentales.

View

The most fundamental component for building a UI.

Text

A component for displaying text.

Image

A component for displaying images.

TextInput

A component for inputting text into the app via a keyboard.

Pressable

A wrapper component that can detect various stages of press interactions on any of its children.

ScrollView

Provides a scrolling container that can host multiple components and views.

StyleSheet

Provides an abstraction layer similar to CSS stylesheets.

Interfaz de usuario

Estos controles comunes de interfaz de usuario se renderizarán en cualquier plataforma.

Button

A basic button component for handling touches that should render nicely on any platform.

Switch

Renders a boolean input.

Vistas de lista

A diferencia del más genérico ScrollView, los siguientes componentes de lista solo renderizan elementos visibles en pantalla. Esto los hace opciones eficientes para mostrar listas largas de datos.

FlatList

A component for rendering performant scrollable lists.

SectionList

Like FlatList, but for sectioned lists.

Componentes y APIs de Android

Muchos de estos componentes son wrappers para clases de Android comúnmente usadas.

BackHandler

Detect hardware button presses for back navigation.

DrawerLayoutAndroid

Renders a DrawerLayout on Android.

PermissionsAndroid

Provides access to the permissions model introduced in Android M.

ToastAndroid

Create an Android Toast alert.

Componentes y APIs de iOS

Muchos de estos componentes son wrappers para clases de UIKit frecuentemente utilizadas.

ActionSheetIOS

API to display an iOS action sheet or share sheet.

Otros

Estos componentes pueden ser útiles para aplicaciones específicas. Para una lista completa de componentes y APIs, revisa la barra lateral izquierda (o el menú superior si estás en pantalla pequeña).

ActivityIndicator

Displays a circular loading indicator.

Alert

Launches an alert dialog with the specified title and message.

Animated

A library for creating fluid, powerful animations that are easy to build and maintain.

Dimensions

Provides an interface for getting device dimensions.

KeyboardAvoidingView

Provides a view that moves out of the way of the virtual keyboard automatically.

Linking

Provides a general interface to interact with both incoming and outgoing app links.

Modal

Provides a simple way to present content above an enclosing view.

PixelRatio

Provides access to the device pixel density.

RefreshControl

This component is used inside a ScrollView to add pull to refresh functionality.

StatusBar

Component to control the app status bar.