En este artículo, vamos a ver cómo implementar Tab Navigation en react-native. Para ello, vamos a utilizar el componente createBottomTabNavigator. Básicamente se utiliza para la navegación de una página a otra. En estos días, las aplicaciones móviles se componen de una sola pantalla, así que cree varios componentes de navegación en React Native. Queremos usar … Continue reading «Componente de navegación de pestañas de React Native»
En este artículo, vamos a ver cómo implementar Drawer Navigation en react-native. Para ello, vamos a utilizar el componente createDrawerNavigator. Es básicamente el panel de la interfaz de usuario que muestra el menú de navegación. Está oculto de forma predeterminada, pero aparecerá cuando el usuario deslice un dedo desde el borde de la pantalla. En … Continue reading «Componente de navegación del cajón nativo de React»
En este artículo, vamos a ver cómo crear un indicador de actividad en react-native. Para ello, vamos a utilizar el componente ActivityIndicator. Se utiliza para mostrar un indicador de carga circular. Sintaxis: <ActivityIndicator /> Accesorios en ActivityIndicator: animando: mostrará el indicador si es verdadero o lo ocultará si es falso. color: el color de primer … Continue reading «Componente indicador de actividad nativo de React»
El componente ScrollView es un componente nativo de reacción incorporado que sirve como un contenedor desplazable genérico, con la capacidad de desplazar componentes secundarios y vistas dentro de él. Proporciona la funcionalidad de desplazamiento en ambas direcciones: vertical y horizontal (predeterminado: vertical). Es esencial proporcionar el componente ScrollView con una altura limitada, ya que contienen … Continue reading «Componente React Native ScrollView»
El componente ListView es un componente de vista React Native incorporado que muestra una lista de elementos en una lista desplazable verticalmente. Requiere una API ListView.DataSource para completar una array simple de blobs de datos e instanciar el componente ListView con una fuente de datos y una devolución de llamada de renderRow. La principal ventaja … Continue reading «Componente React Native ListView»
React Native es un marco desarrollado por Facebook para crear aplicaciones de estilo nativo para Android e iOS bajo un lenguaje común, es decir, JavaScript. Inicialmente, Facebook solo desarrolló React Native para admitir iOS. Sin embargo, con su compatibilidad reciente con el sistema operativo Android, la biblioteca ahora puede generar interfaces de usuario móviles para … Continue reading «¿Cómo importar componentes en React Native?»
TouchableHighlight es un componente que se usa para proporcionar un envoltorio para las vistas para que respondan correctamente a la entrada táctil. Al presionar hacia abajo, se reduce la opacidad del componente TouchableHighlight, lo que permite que se resalte la vista subyacente o el estilo de otro componente. Este componente debe tener solo un componente … Continue reading «¿Qué es TouchableHighlight en reaccionar nativo?»
En este artículo, vamos a aprender sobre los usos del componente FlatList. Primero, sepamos qué es FlatList. El componente FlatList es una forma eficiente de mostrar elementos en una vista de lista desplazable. Este componente tiene muchas funciones compatibles, como Carga de desplazamiento, compatibilidad con vistas de encabezado/pie de página, modo horizontal, extracción para actualizar, … Continue reading «¿Cuál es el uso de FlatList?»
En este artículo, aprenderemos sobre los componentes inteligentes en React Native. El componente inteligente es una de las categorías de React Components, así que antes de profundizar en los detalles de los componentes inteligentes. Un componente es uno de los componentes básicos de React y React-Native. El componente es un bloque de código que se … Continue reading «Componentes inteligentes nativos de React»
En este artículo, vamos a aprender sobre los componentes tontos en reaccionar nativo. El componente tonto es una de las categorías de React Component, así que antes de sumergirse en los detalles de los componentes tontos. Conozcamos un poco sobre los componentes. Un componente es uno de los componentes básicos de React. El componente es … Continue reading «Componentes tontos en React Native»