Forzar refrescar (recargar) screen al cambiar de pantalla con React Navigation Tab en React Native

Forzar refrescar (recargar) screen al cambiar de pantalla con React Navigation Tab en React Native

Tiempo de lectura: < 1 minuto Si queremos forzar que una pantalla se cargue al cambiar o abrirla de nuevo en React Native haremos lo siguiente: En nuestro stack de pantallas añadimos esta propiedad: Al añadir esta propiedad, unmountOnBlur desmontará el componente y lo volverá a montar cada vez que lo abramos y hará que se refresque de nuevo la pantalla. … Leer más

Problema con axios y cabeceras headers (http) en mayúscula con React Native

Problema con axios y cabeceras headers (http) en mayúscula con React Native

Tiempo de lectura: < 1 minuto Cuando utilizamos axios y adjuntamos una cabecera como el siguiente ejemplo: Tenemos que tener cuidado con las cabeceras que tengan mayúsculas, ya que axios las transforma en minúsculas. Si en nuestro servidor back, esperamos recibir la cabecera TOKEN-AUTH en mayúsculas, tendremos que añadir también permitir recibir la cabecera token-auth ya que axios realiza un .toLowerCase … Leer más

Enviar un POST con URLSearchParams (params) en React Native usando Axios

Enviar un POST con URLSearchParams (params) en React Native usando Axios

Tiempo de lectura: < 1 minuto En el artículo de hoy, voy a enseñaros cómo enviar un POST construido con URLSearchParams y usando la librería Axios para React Native/Expo. En los anteriores artículos, os enseñe Realizar una llamada GET en React Native con Axios y Cómo hacer un POST con Axios en React Native Lo primero que tenemos que hacer es … Leer más

Resolver Reason: CORS header ‘Access-Control-Allow-Origin’ missingcon PHP

Resolver Reason: CORS header ‘Access-Control-Allow-Origin’ missingcon PHP

Tiempo de lectura: < 1 minuto Si al ejecutar una llamada a nuestra API Rest nos devuelve un error «Solicitud de origen cruzado bloqueada: La misma política de origen no permite la lectura de recursos remotos» o «Reason: CORS header ‘Access-Control-Allow-Origin’ missing» o «(Razón: Solicitud CORS sin éxito)». Seguramente en nuestras llamadas del servidor Rest no tenemos las cabeceras para permitir … Leer más

Fichero Constantes React Native

Fichero Constantes React Native

Tiempo de lectura: 2 minutos Buenas tardes a todos, En el tutorial de hoy, os voy a mostrar como crear Ficheros con constantes, para que este sea accesible desde cualquier punto de nuestra aplicación y tener todo mas ordenado. Esto vale tanto para aplicarlo en un componente como en una Screen. En mi caso lo voy a aplicar en un … Leer más

Refrescar una FlatList en React Native

Refrescar una FlatList en React Native

Tiempo de lectura: < 1 minuto Si eliminamos o añadimos un nuevo elemento a una FlatList en React Native tenemos que hacer lo siguiente: Primero tenemos que crear un estado tipo booleano: Depués lo asignamos a la FlatList con el atributo extraData: Cuándo queramos refrescar la lista, pondremos lo siguiente: Y listo, ya realiza un re-render de la lista y vuelve … Leer más

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

Cómo recuperar contraseña olvidada con flutter y firebase

Cómo recuperar contraseña olvidada con flutter y firebase

Tiempo de lectura: < 1 minuto Para lograr resetear la contraseña de manera sencilla podemos lograrlo siguiendo los siguientes pasos. Primero crearemos el diseño de la pantalla recuperar contraseña donde añadiremos un cuadro de texto para introducir el email al cual se enviará el correo para establecer la contraseña, además, añadiremos un botón para realizar la acción de enviar. A continuación … Leer más

Crear ventana emergente de información, alerta con flutter

Crear ventana emergente de información, alerta con flutter

Tiempo de lectura: 2 minutos Para crear una ventana emergente, de alertas o información en flutter, es muy sencillo siguiendo los siguientes pasos: Primero crearemos el diseño de la ventana emergente: El código del Widget es el siguiente: Después hacemos la llamada a esta ventana emergente o Widget, donde vayamos a necesitarlo, cómo por ejemplo a consecuencia de púlsar un … Leer más