isMa

Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.

Eliminar acentos en un string Javascript

por
Eliminar acentos en un string Javascript

Tiempo de lectura: < 1 minuto Para eliminar acentos (tildes) en un String utilizando Javascript hay que hacer lo siguiente: Tememos el siguiente String Para eliminar los signos de puntuación tendremos que utilizar la siguiente función (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize) De esta forma, al utilizar la función podemos eliminar los acentos. isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una … Leer más

Proyecto Flutter en VSCode

por
Proyecto Flutter en VSCode

Tiempo de lectura: 4 minutos Hoy os voy a enseñar cómo abrir un proyecto Flutter en VSCode para trabajar en este entorno. Primero vamos a instalar Flutter SDK en nuestro PC: Vamos a la web oficial https://docs.flutter.dev/get-started/install/windows Elegimos la instalación correspondiente: Después se descomprime la carpeta flutter en el directorío dónde queramos instalarla (en mi caso C:/flutter): Una vez descomprimida, … Leer más

Solucionar error «cannot be tested at this time because the build does not have» al subir build a App Store de Apple (ios) con React Native y Expo

por

Tiempo de lectura: < 1 minuto Si al añadir la APP a la App Store de Apple aparece el siguiente error: Version 1.0.0 (1.0.0) cannot be tested at this time because the build does not have associated export compliance documentation. Once approved, you can come back and select export compliance documentation for this build. Submit New Documentation Tienes que hacer lo … Leer más

Solucionar error Could not find method compile() for arguments [com.facebook.react:react-native: X] al crear APK en React Native

por
Solucionar error Could not find method compile() for arguments [com.facebook.react:react-native: X] al crear APK en React Native

Tiempo de lectura: < 1 minuto Si al generar el APK aparece el siguiente error: Lo primero que tenemos que hacer es localizar el error que produce. En este caso indica que no encuentra el método compile en la librería de react-native-locale. Esto lo indica aquí: Para solucionar este error. Tenemos que abrir el archivo /node_modules/react-native-locale/android/build.gradle Y en la línea 23: … Leer más

Añadir margen de status bar en React Native

por
Añadir margen de status bar en React Native

Tiempo de lectura: < 1 minuto Sí ocultamos el header nav (headerShown: false) en React Native, puede que tengamos este problema: El contenido sale debajo de la barra superior de estado y no se deja visualizar correctamente con el reloj, el estado de la batería y los demás widgets que aparecen en pantalla. Para solucionar este problema vamos a hacer lo … Leer más

Ordenar un JSON por alguna de sus claves usando Javascript

por
Ordenar un JSON por alguna de sus claves usando Javascript

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podemos ordenar un JSON utilizando alguna de sus claves. Tenemos el siguiente JSON: Contiene distintas frutas, tiene un id qué está sin ordenar y además una propiedad que indica un orden. Para ordenar el JSON podemos hacer lo siguiente Con esta función podemos ordenar la listaJSON utilizando la clave … Leer más

Reproducir vídeos de Youtube sin YoutubeAPI (sin api key) en React Native

por
Reproducir vídeos de Youtube sin YoutubeAPI (sin api key) en React Native

Tiempo de lectura: 2 minutos Os voy a enseñar cómo podemos reproducir vídeos de Youtube, sin necesidad de utilizar la librería de Youtube para React Native. De esta forma no tendrás que añadir un API Key para reproducir vídeos. Lo primero de todo, tenemos que crear un Screen con un Webview. Para ello primero instalamos Webview: Una vez instalado, creamos … Leer más

Utilizar axios de forma asíncrona en React Native

por
Utilizar axios de forma asíncrona en React Native

Tiempo de lectura: < 1 minuto En este artículo os voy a enseñar cómo utilizar axios de forma asíncrona en vuestros proyectos. Partiendo del siguiente código para realizar una llamada GET con axios: Al utilizar la sentencia .then la APP se queda a la espera de cargar el resultado de forma síncrona. Para cambiar la llamada a una llamada asíncrona hay … Leer más

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

por
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

por
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