Reaccionar componente de vista nativa

En este artículo, vamos a ver cómo crear un componente de vista en react-native. Para esto, vamos a utilizar el componente React Native View. Básicamente es un contenedor pequeño que admite el diseño con flexbox, estilo, algunos controles táctiles y de accesibilidad. Vea mapas directamente en la vista nativa equivalente en cualquier plataforma en la … Continue reading «Reaccionar componente de vista nativa»

¿Cómo importar componentes en React Native?

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?»

¿Cómo usar el enrutamiento con React Navigation en React Native?

Casi todas las aplicaciones móviles requieren navegar entre diferentes pantallas. React Native proporciona una biblioteca elegante y fácil de usar para agregar navegación a las aplicaciones nativas: react-navigation. Es una de las bibliotecas más populares utilizadas para enrutar y navegar en una aplicación React Native. Los navegadores gestionan la transición entre varias pantallas. React Navigation … Continue reading «¿Cómo usar el enrutamiento con React Navigation en React Native?»

¿Cómo crear un Snackbar en react native usando material design?

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 un Snackbar en react native usando material design?»

Reaccionar SafeAreaView nativo

En React native , el objetivo principal del componente SafeAreaView es representar contenido dentro de los límites del área segura de un dispositivo. Todos los teléfonos inteligentes hoy en día vienen con una pantalla de borde a borde. Pero los teléfonos inteligentes deben tener algo de espacio para las cámaras frontales. Por lo tanto, todos … Continue reading «Reaccionar SafeAreaView nativo»

Componentes tontos en React Native

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»

5 increíbles ideas de proyectos nativos de React para principiantes

¿Sabía que Bloomberg, Facebook, Uber Eats, Discord, Instagram, Skype, Salesforce, Walmart? ¿Todas estas aplicaciones están hechas con un solo marco? Sí, ese es uno y único React Native. React Native es un marco de JavaScript de código abierto, diseñado para crear aplicaciones móviles en Android, iOS, macOS, Web y Windows al permitir que los desarrolladores … Continue reading «5 increíbles ideas de proyectos nativos de React para principiantes»

¿Cómo centrar un componente de vista en la pantalla?

View Component es el componente básico para crear la interfaz de usuario. Puede asignarse directamente a la vista nativa de diferentes plataformas, como UIView, <div>, android.view, etc. El componente de vista puede constar de componentes de vista anidados, así como otros componentes nativos (secundarios). Enfoque: Para centrar un componente Vista en la pantalla, podemos usar … Continue reading «¿Cómo centrar un componente de vista en la pantalla?»

Propiedad React Native Flexbox alignItems

En este artículo, vamos a ver la propiedad Flexbox alignItems en React Native. Flexbox tiene tres propiedades principales. Uno de ellos es alignItems. La propiedad alignItems se usa para determinar cómo deben alinearse los componentes secundarios a lo largo del eje secundario de su contenedor. El eje secundario siempre es opuesto al eje primario. Si … Continue reading «Propiedad React Native Flexbox alignItems»

¿Cómo agregar un menú en react-native usando Material Design?

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 agregar un menú en react-native usando Material Design?»