Añadir un loader en React Native

Os voy a enseñar cómo añadir un loader para las pantallas de carga de React Native. Para comenzar, hay que crear un nuevo componente que llamaremos Loader.js Ahora voy a explicar el código: Para crear el loader he utilizado la librería react-native-paper (https://reactnativepaper.com/), esta librería proporciona diseño basado en Material Design de Google. Si queremos … Leer más

Abrir Stack.Tab desde un Stack.Screen contenido dentro de un tab con diferentes NavitagionContainer React Native.

Os voy a explicar cómo abrir otro tab, dentro de un screen (fuera del tab pero contenido dentro de la pila de ejecución) que ya tenemos contenido en nuestro tab. Por ejemplo, tenemos la siguiente pantalla y queremos realizar la navegación qué se indica en el vídeo: Y queremos abrir el tab “Buscar” utilizando el … Leer más

Generar una vista (View) usando un bucle con React Native. Ejemplo menú dinámico.

Podemos crear una lista de elementos y asignarlos a la vista para que devuelva por ejemplo un menú con X pestañas. De esta manera podemos crear un render que tenga una lista y se recorra con un map para devolver cada uno de sus elementos. Lo primero que tenemos que hacer es crear el componente … Leer más

Creando Ventanas JavaScript (Objeto Window) 3/3

Buenas, continuamos con el objeto window de JavaScript. En este tutorial, continuando con el anterior Creando Ventanas JavaScript (Objeto Window) 2/3, lo que queremos plasmar en el funcionamiento es lo siguiente: En este último ejemplo lo que hacemos es lo siguente, comentamos todo el código y lo unico que dejamos, es esta linea: Lo que … Leer más

Creando Ventanas JavaScript (Objeto Window) 2/3

Buenas a todos, Continuando con el post anterior Creando Ventanas JavaScript (Objeto Window) 1/3, en este caso lo único que vamos a añadir es que aparezca un botón, que haga la misma función que hace la crucecita de la propia ventana, es decir, cerrar la ventana actual. Si pulsamos en “cerrar ventana” nos cierra la … Leer más

Creando Ventanas JavaScript (Objeto Window) 1/3

Buenas tardes, Hoy os voy a explicar un poco que es el objeto window en JavaScript, las propiedades que tiene y todo lo que podemos jugar con el para crear ventanas (windows). ¿Qué representa el objeto Window? El objeto window representa una ventana en el navegador, y es el elemento raíz de la estructura de … Leer más

Realizar una llamada GET desde React Native

Sí queremos obtener datos desde un servidor remoto, podemos utilizar el siguiente código: Primero se crean los headers que podamos utilizar: Después las opciones de la petición: En este caso indicamos que es un GET y que tiene los headers creados antes. Y ahora lanzamos la petición: Se indica la URL dónde está el recurso … Leer más

Enviar un POST de tipo FORM en React Native

Para poder comunicarnos con nuestro servidor remoto (backend) utilizando React Native, tendremos que realizar una llamada asíncrona. En este ejemplo, voy a enviar datos en un objeto FORM utilizando el método fetch de Javascript. Primero creamos los headers var myHeaders = new Headers();myHeaders.append(“Content-Type”, “application/x-www-form-urlencoded”); En este caso indicamos que vamos a enviar un FORM (cómo … Leer más