DANDO FUNCIONALIDAD A LAS APLICACIONES MÓVILES

Programar la funcionalidad en React Native

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 mostrar información, otra más para que el usuario haga selección de productos y quizá una última para guardar en el servidor la información seleccionada por el usuario.

El proceso de una aplicación móvil puede ser tan variado y complejo según su propósito.

Justamente para que exista esta interacción entre la aplicación móvil, el usuario y un servidor o algún otro dispositivo electrónico con el cual se tenga que interactuar también, la aplicación móvil debe permitir que se lleven a cabo estas interacciones y las acciones necesarias después de cada interacción.

FUNCIONALIDADES PROPIAS DE LOS COMPONENTES DE REACT NATIVE

Algunos de los componentes de diseño de React Native tienen su propia funcionalidad, por ejemplo, el componente FlatList renderiza una lista de elementos, el componente Modal puede mostrar contenido en una vista superpuesta en la vista principal y el componente ScrollView tiene la funcionalidad de agregar un scroll de manera automática cuando la información supera la altura de la pantalla del dispositivo, pero estas funcionalidades son únicamente para que el mismo componente tenga utilidad, sin que se desprenda alguna otra acción después de este hecho.

Te sugiero veas los ejemplos que se muestran en la página oficial www.reactnative.dev para que identifiques sus usos y adquieras más conocimientos sobre React Native.

Incluso, es muy probable que tengas que crear nuevas funcionalidades, extender o combinar componentes de diseño de React Native para crear tus propios componentes de diseño. Por ejemplo, puedes construir un componente Slider que te permita mostrar imágenes en ese formato, y lo puedes crear haciendo uso de componentes como View, Scroll, Image, quizás los componentes Text y TouchableOpacity, entre otros. Pero no te preocupes, más adelante serás capaz de hacer esto y más si eres paciente y dedicado. Como todo, ¿cierto?

Aunque existen ya soluciones para la mayoría de lo que se nos llegue a ocurrir y solo sea cuestión de realizar su instalación y utilizar el componente instalado, te recomiendo no lo hagas siempre, ya que la aplicación móvil empieza a ser más pesada para su descarga, ocupará más espacio su instalación y puede que en algún momento llegue a ser incompatible con tu aplicación.

FUNCIONALIDADES DE APLICACIÓN – ACCIONES QUE SE EJECUTAN DESPUÉS DE UNA INTERACCIÓN

Como ya sabes, estas funcionalidades o acciones se ejecutan después de que el usuario ha interactuado con un elemento de la interfaz de usuario, por ejemplo, a través de un botón o un componente que permita la entrada de texto. Incluso, una acción se puede ejecutar después de que se ha ejecutado una acción anterior, que es lo que normalmente ocurre. Lo que debes saber es que puedes hacer que una acción ocurra en el momento en el que tú lo desees.

Estas funcionalidades o acciones las establecemos para llevar a cabo procesos dentro de la misma aplicación móvil o para iniciar uno fuera de ella, como acceder a la aplicación a través de un formulario o enviar información a un servidor para su almacenamiento.

Recordemos que la librería React nos proporciona el uso de Hooks, que son funciones preestablecidas que nos van a permitir darle la funcionalidad a los componentes. Uno de los principales Hooks básicos que vamos a utilizar en nuestras aplicaciones móviles por muy sencilla que esta sea, es useState que nos va a permitir asignar un estado a nuestras variables.

En el siguiente video se muestra cómo llevar a cabo la creación de este tipo de funcionalidades que seguramente tendremos que realizar para cualquiera de nuestras aplicaciones móviles.

Igual que en el ejercicio anterior, con la finalidad de comenzar a tener experiencia con React Native, te sugiero lleves a cabo el mismo ejercicio que se realiza en el video, para ello previamente deberás tener instalado en tu teléfono móvil la aplicación Expo Go para que veas en tiempo real la ejecución de la aplicación.e

Deja un comentario