isMa, Author at DevCodeLight – Tutoriales de aprender Programación, IA, web y Tecnología

Obtener localización en React Native y Expo

15 de noviembre de 2022 por isMa

Tiempo de lectura: 2 minutosHoy os voy a enseñar cómo obtener localización utilizando React Native y Expo: Vamos a utilizar la librería expo-location (https://docs.expo.dev/versions/latest/sdk/location/) Primero la instalamos: Esta librería añade automáticamente los permisos en Android Manifest (necesarios para utilizar localización): Pero no añade el permiso para utilizar localización en segundo plano: ACCESS_BACKGROUND_LOCATION. Si queremos añadir ese permiso, tendremos que … Leer más

Crear un componente tipo Select (picker) en React Native

14 de noviembre de 2022 por isMa

Tiempo de lectura: 2 minutosEn el tutorial de React de hoy, os voy a enseñar cómo crear un select (combo o picker) dónde seleccionar distintas opciones. Lo primero que vamos a hacer es importar la librería que vamos a utilizar (react-native-picker-select): Una vez importada, vamos a crear el componente, primero hacemos el import: Una vez importado, vamos a crear … Leer más

Añadir color a un elemento BodyComponent usando Flame en Flutter

9 de noviembre de 2022 por isMa

Tiempo de lectura: 2 minutosEn este tutorial os voy a explicar cómo podéis añadir colores a los elementos tipo BodyComponent de Flame Engine (https://examples.flame-engine.org) En este ejemplo voy a añadir un BodyComponent que representa una barra azul. Esto nos crea la siguiente figura en la pantalla: Para aplicarle un color, utilizaremos la librería de colores de flame engine package:flame/palette.dart … Leer más

Enviar un e-mail o realizar una llamada de teléfono desde tu APP en React Native

6 de noviembre de 2022 por isMa

Tiempo de lectura: < 1 minutoHoy os voy a enseñar a enviar un email o una llamada telefónica desde React Native. Para utilizar esta función vamos a importar la libería de Linking de react-native https://reactnative.dev/docs/linking Para implementar una llamada utilizaremos igual que en HTML la clave tel:numero_telefono Y para enviar un e-mail utilizaremos mailto:email isMa Ingeniero en Informática, Investigador, me … Leer más

Cómo añadir la función de compartir (share) en una app React Native

5 de noviembre de 2022 por isMa

Tiempo de lectura: < 1 minutoHoy os voy a enseñar cómo añadir la función de compartir en una APP utilizando la función Share incluida en React Native. Lo primero de todo es importar la librería: Después añadimos la función para compartir en el Render de nuestra screen o component. Y ahora añadimos la acción para compartir en el componente o … Leer más

Eliminar acentos en un string Javascript

3 de noviembre de 2022 por isMa

Tiempo de lectura: < 1 minutoPara 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, Investigador, me encanta crear cosas o arreglarlas y darles … Leer más

Proyecto Flutter en VSCode

1 de noviembre de 2022 por isMa

Tiempo de lectura: 4 minutosHoy 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

22 de octubre de 2022 por isMa

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

16 de octubre de 2022 por isMa

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

10 de octubre de 2022 por isMa

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