SPLASH SCREEN AND LOGIN En esta primera parte vamos a ver la implementación de un proceso que seguramente utilizarás en la mayoría de tus proyectos con React Native, la transición que existe entre la pantalla Splash screen, nuestra pantalla de bienvenida, hacia la pantalla de acceso (Login) o hacia una pantalla de la navegación principal, …
SPLASH SCREEN DE BIENVENIDA Por lo regular una pantalla de inicio o Splash Screen se utiliza para hacer llamadas a través de una API o servicio para obtener información que por lo general suele ser del usuario para intentar acceder a la aplicación móvil, también puede ser utilizada para obtener alguna configuración guardada en el …
DRAWER NAVIGATOR Drawer Navigator es una utilidad de React Navigation que también nos va a permitir navegar entre las pantallas de nuestra aplicación móvil. Nos va a proporcionar una caja como elemento de navegación con la que tendremos que interactuar para que se lleve a cabo la funcionalidad de transición entre pantallas. Con la experiencia …
MATERIAL TOP TABS NAVIGATOR Material Top Tabs Navigator es otra utilidad más de React Navigation para movernos entre las pantallas de nuestra aplicación móvil, además de situarse en la parte superior y proporcionarnos de manera automática los botones de navegación, tiene la funcionalidad que nos permite cambiarnos de pantalla con solo deslizar la pantalla actual …
REACT NATIVE – NAVEGACIÓN – MATERIAL TOP TABS NAVIGATOR Leer más »
BOTTOM TABS NAVIGATOR Bottom Tabs Navigator es otra utilidad que tiene la librería React Navigation para poder navegar entre las pantallas de nuestra aplicación móvil, tiene la principal característica de situarse automáticamente en la parte inferior de la pantalla de nuestra aplicación móvil, proporcionándonos, también de manera automática, los botones para poder navegar entre ellas. …
REACT NATIVE – NAVEGACIÓN – BOTTOM TABS NAVIGATOR Leer más »
STACK NAVIGATOR (NAVEGADOR DE PILA) Stack Navigator es la forma más sencilla y común para implementar la navegación en una aplicación móvil, tan solo se requiere la instalación de la utilidad @react-navigation/native que nos va a permitir crear la estructura de la navegación a través del componente NavigationContainer, y de la utilidad @react-navigation/stack, que nos …
ESTRUCTURA DE ARCHIVOS EN UN PROYECTO REACT NATIVE Toda aplicación móvil tiene cierta navegabilidad, esto nos obliga a organizarla en diferentes pantallas para poder desplazarnos entre ellas a través de pestañas (tabs), barra de navegación (navigation bar), animaciones y gestos de transición de pantalla (screen transition animations and gestures), entre otros, permitiéndonos crear cualquier tipo …
ESTRUCTURA DE ARCHIVOS EN UN PROYECTO REACT NATIVE Leer más »
REACT NATIVE PARA PRINCIPIANTES Para comenzar este nivel de React Native para principiantes, es recomendable contar con los conocimientos fundamentales que se proporcionan en la Introducción a React Native, aquí se hace el esfuerzo necesario para que comprendas el funcionamiento y la forma en la que se programa y trabaja en este framework. Hasta este …
Para que una aplicación móvil sea útil esta debe cumplir con un propósito específico, por ejemplo, una aplicación móvil por lo regular guarda información en un servidor. Una aplicación móvil se puede ver de forma modular o por pantallas, notaremos que probablemente una pantalla tenga la funcionalidad de generar una sesión de usuario, otra para …
Como ya lo hemos mencionado anteriormente, React Native cuenta con sus propios componentes de diseño que nos van a permitir estructurar y diseñar la interfaz de usuario de nuestras aplicaciones móviles. Debes saber que en el desarrollo de aplicaciones móviles con React Native, una vista <View></View> es el componente básico de la interfaz de usuario. …