Cómo hacer un POST con Axios en React Native

Cómo hacer un POST con Axios en React Native

Tiempo de lectura: < 1 minuto En el anterior tutorial os enseñé a realizar un GET usando la libería Axios en React Native: Realizar una llamada GET en React Native con Axios Ahora vamos a ver como realizar un POST. Lo primero de todo es instalar Axios: Una vez instalado, lo importamos en nuestra pantalla o componente dónde queramos utilizarlo: Y … Leer más

Realizar una llamada GET en React Native con Axios

Realizar una llamada GET en React Native con Axios

Tiempo de lectura: < 1 minuto Si queremos realizar una llamada asíncrona GET (ajax) con React Native, no podemos utilizar jQuery en este entorno, tenemos que utilizar Axios https://axios-http.com/es/ Lo primero que tenemos que hacer es instalar la dependencia, para ello introducimos esto en la consola: Una vez instalado, vamos a crear la llamada, primero importamos la librería: Y ahora vamos … Leer más

Añadir un loader en React Native

Tiempo de lectura: 2 minutos 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.

Tiempo de lectura: 3 minutos 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.

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

Tiempo de lectura: 2 minutos 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

Acceso a los datos de un fichero XML mediante AJAX y DOM en JavaScript

Acceso a los datos de un fichero XML mediante AJAX y DOM en JavaScript

Tiempo de lectura: 2 minutos Buenas tardes a todos, Seguimos con los tutoriales de JavaScript. Hoy os voy a enseñar a hacer un AJAX en JavaScript, para acceder a los datos de un fichero XML. ¿Primero os preguntareis que es un AJAX? De forma rápida, clara y concisa, es una técnica en el desarrollo web que permite, leer los datos … Leer más

Creando Ventanas JavaScript (Objeto Window) 3/3

Creando Ventanas JavaScript (Objeto Window) 3/3

Tiempo de lectura: 2 minutos 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

Creando Ventanas JavaScript (Objeto Window) 2/3

Tiempo de lectura: 2 minutos 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

Creando Ventanas JavaScript (Objeto Window) 1/3

Tiempo de lectura: 2 minutos 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

Realizar una llamada GET desde React Native

Tiempo de lectura: < 1 minuto 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