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
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 isMa Ingeniero en Informática, me encanta … Leer más
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
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
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
Tiempo de lectura: 2 minutos Buenas tardes a todos, En el tutorial de hoy os muestro como obtener la versión de nuestra app y poder mostrarla en el lugar que queramos de nuestra aplicación desarrollada con react native A continuación os muestro como: Creamos la constante pkg (podéis poner el nombre que queráis), ene la cual almacenamos la ruta de … Leer más
