ReactReact NativeAndroidJavaDockerFlutterJavaScriptDocker ComposeExpoSeguridadPHPPythonHTML

Obtener localización en React Native y Expo

por
Obtener localización en React Native y Expo

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

por
Crear un componente tipo Select (picker) en React Native

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

Error al cargar una imagen con extensión svg (Flutter-dart): Failed to detect image file format using the file header – Invalid image data

por
Error al cargar una imagen con extensión svg (Flutter-dart): Failed to detect image file format using the file header – Invalid image data

Tiempo de lectura: 2 minutos Al intentar mostrar una imagen con extensión svg me he encontrado con el siguiente error: Lo solucioné agregando el paquete de flutter_svg El el archivo pubspec.yaml hay que añadir la ruta para la imagen que se quiere mostrar como se observa a continuación: En el proyecto, añadimos dentro de lib, una carpeta que se llame … Leer más

Añadir Permisos de Localización en React Native

por
Añadir Permisos de Localización en React Native

Tiempo de lectura: 2 minutos Buenas tardes, En el tutorial de hoy os voy a mostrar como poder activar los permisos de localización en nuestro dispositivo. Comenzamos En primer lugar importamos la API Dentro de nuestro componente añadimos la siguiente función que sera la encargada de activar los permisos de ubicación. En el botón llamamos a la función para que … Leer más

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

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

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

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

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

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

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

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

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.

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

Problema, CheckBox de react-native-paper no se muestra en iOS pero sí en Android.

por
Problema, CheckBox de react-native-paper no se muestra en iOS pero sí en Android.

Tiempo de lectura: 2 minutos Al implementar un checkbox de la librería React Native Paper Checkbox React Native Paper en Android aparece el elemento de forma correcta pero en iOS no se muestra el cuadro del checkbox: Visualización en iOS: Visualización en Android: Si miramos la documentación (Checkbox React Native Paper), indica que en Android aparecen los cuadros pero en … Leer más