Tiempo de lectura: < 1 minuto Os voy a enseñar cómo generar las carpetas de Android/iOS con Expo en React Native. Para generar las carpetas que contienen el código nativo, tendremos que indicar lo siguiente. Para Android: Para iOS: Recuerda que para generar las de iOS, tienes que tener un Mac. isMa Ingeniero en Informática, Investigador, me encanta crear cosas o … Leer más
Tiempo de lectura: 2 minutos Os voy a enseñar cómo crear un componente picker en Android/iOS con React Native. Lo primero que tenemos que hacer es importar la librería react-native-picker-select Para importar esta librería, tenemos que ejecutar estos dos comandos (uno para la librería y otro para la dependencia): Una vez instalada, ya podemos crear el componente. Vamos a crear … Leer más
Tiempo de lectura: < 1 minuto Os voy a enseñar como crear una build de development usando EAS en React Native. Esta build nos sirve para poder ejecutar el proyecto si contiene código nativo, directamente sobre nuestro dispositivo e incluso realizar pruebas de depuración sobre la build. Primero tenemos que generar una build de desarrollo. Instalamos expo-dev-client Instalamos EAS siguiendo este … Leer más
Tiempo de lectura: 3 minutos Hoy os voy a enseñar cómo generar un APK o ABB usando eas en Expo React Native. Lo primero que vamos a hacer es instalar eas-cli: Una vez instalado, lanzamos el comando para actualizar: Y aparece esto: Seleccionamos lo que queremos configurar (iOS, Android o ambos). En mi caso selecciono ambos. Una vez configurado, la … Leer más
Tiempo de lectura: < 1 minuto Si queremos abrir la misma ruta con distintos parámetros usando navigator de React Native, nos damos cuenta de que si utilizamos la función: No nos abre una nueva ventana. Para que nos abra una nueva ventana usando la misma ruta, tenemos que poner: Espero que os sirva de ayuda. isMa Ingeniero en Informática, Investigador, me … Leer más
Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podéis cargar una flatlist de forma invertida para mostrar una conversación (chat) con React Native. Estamos utilizando la librería de FlatList que viene con el paquete React Native. Para mostrar los elementos de forma invertida (que se carguen desde abajo y no desde arriba) tenemos que añadir la propiedad … Leer más
Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podemos desactivar el efecto que aparece al utilizar TouchableOpacity con React Native. Cuando pulsamos en un elemento, realizar el siguiente efecto: A veces puede no ser adecuado para el diseño que se quiere crear. Para desactivarlo tendremos que añadir la siguiente propiedad al componente TouchabloOpacity: De esta forma queda: … Leer más
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
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
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
