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