¿Cómo crear Chip en react-native usando react-native-paper?

React native es un marco desarrollado por Facebook para crear aplicaciones de estilo nativo para iOS y Android bajo un lenguaje común, 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 ambas plataformas. … Continue reading «¿Cómo crear Chip en react-native usando react-native-paper?»

Componente de entrada de texto nativo de React

En este artículo, vamos a ver cómo crear un TextInput en react-native. Para ello, vamos a utilizar el componente TextInput. Es un componente básico que se utiliza para recopilar datos de los usuarios.  Para crear un TextInput en React Native, debemos importar el componente TextInput de React Native. import { TextInput } from ‘react-native’ Sintaxis: … Continue reading «Componente de entrada de texto nativo de React»

Componente React Native ListView

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»

Idea de proyecto | Balance de combustible

La idea es hacer una aplicación que ayude a corregir la brecha entre la oferta y la demanda en el reciclaje de Aceite de Cocina Usado (UCO). La liberación no controlada de UCO se ha convertido en un motivo de preocupación para la seguridad ambiental y es una oportunidad perdida para los pequeños comerciantes que … Continue reading «Idea de proyecto | Balance de combustible»

¿Cómo verificar los detalles de la plataforma y el dispositivo en React Native?

React Native es un marco de software de interfaz de usuario de código abierto creado por Meta Platforms, Inc. Se utiliza para desarrollar aplicaciones para Android, Android TV, iOS, macOS, tvOS, Web, Windows y UWP al permitir que los desarrolladores usen el marco React junto con con capacidades de plataforma nativa. En este artículo, aprenderemos … Continue reading «¿Cómo verificar los detalles de la plataforma y el dispositivo en React Native?»

¿Cómo configurar la imagen de fondo en react-native?

React Native es un marco desarrollado por Facebook para crear aplicaciones de estilo nativo para iOS y Android bajo un lenguaje común, 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 ambas plataformas. … Continue reading «¿Cómo configurar la imagen de fondo en react-native?»

¿Cómo crear una entrada de texto con texto auxiliar en react-native?

React native es un marco desarrollado por Facebook para crear aplicaciones de estilo nativo para iOS y Android bajo un lenguaje común, 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 ambas plataformas. … Continue reading «¿Cómo crear una entrada de texto con texto auxiliar en react-native?»

Componente React Native StatusBar

El siguiente enfoque cubre cómo controlar StatusBar en react-native. Para ello, vamos a utilizar el componente StatusBar. Es una interfaz en la parte superior de la pantalla que muestra los íconos de notificación. Sintaxis: <StatusBar backgroundColor=»#» barStyle={} showHideTransition={} hidden={} /> Accesorios en la barra de estado: animado: si la transición entre los cambios de propiedad … Continue reading «Componente React Native StatusBar»

Reaccionar componente SectionList nativo

El componente SectionList es un componente de vista de lista incorporado de React Native que representa listas seccionadas. Como sugiere su nombre, se utiliza para mostrar listas de datos en diferentes secciones. Es un componente puro que admite la mayoría de las funciones, como tirar para actualizar, carga de desplazamiento, separadores, encabezados y pies de … Continue reading «Reaccionar componente SectionList nativo»

Accesorio de estilo React Native

En React Native, podemos diseñar nuestra aplicación usando JavaScript. Todos los componentes principales aceptan un estilo con nombre prop. Los nombres y valores de los estilos suelen coincidir con el funcionamiento de CSS en la web, excepto que los nombres se escriben con mayúsculas y minúsculas. La propiedad de estilo puede ser un objeto JavaScript … Continue reading «Accesorio de estilo React Native»