Usando el hook useEffect en React Native

Si queremos ejecutar una función solamente una vez cuando se carga nuestro componente, podemos hacer uso del hook useEffect, para lo cual, primero lo importamos: import React, { useEffect } from “react”; Y después lo podemos usar de esta forma: useEffect(() => { getBlogPosts(); }, []); Los [ ] al final indican que la función getBlogPost solo debe ejecutarse cuando se cargue el componente. Continúa leyendo Usando el hook useEffect en React Native

Usando el hook useState en React Native

Los hooks son algo bastante util en React Native, nos permiten usar funciones que antes solo estaban disponibles para componentes de tipo clase en componentes funcionales. Uno de los hooks mas básicos y útiles es el hook “useState” que nos permite hacer uso del state en un componente funcional. Para usar el hook, lo primero que tenemos que hacer es importarlo de react: import React, … Continúa leyendo Usando el hook useState en React Native

Mostrando un Marker en un mapa de react-native-maps

Para poner un marker en un mapa de react-native-maps solo tenemos que importar el componente: import MapView, { Polyline, Marker } from “react-native-maps”; Para despues ponerlo dentro de un componente <MapView>: <MapView style={styles.mapa} initialRegion={{ latitude: 23.752538, longitude: -99.141926, latitudeDelta: 0.01, longitudeDelta: 0.01 }} > <Marker coordinate={{ latitude: 23.752388, longitude: -99.142277 }} title=”El Estarbocks” description=”Esto es el Estarbocks” /> </MapView> Esto nos dará el siguiente marker: Continúa leyendo Mostrando un Marker en un mapa de react-native-maps

Mostrando un mapa en React Native

Para mostrar un mapa en una app nativa creada con React Native podemos hacer uso de la libreria “react-native-maps” la cual es muy facil de usar, primero la instalamos: npm install react-native-maps Despues la importamos en el componente donde vamos a poner el mapa: import MapView from “react-native-maps”; Despues la configuramos para que muestre un punto por default: <MapView style={styles.mapa} initialRegion={{ latitude: 23.752538, longitude: -99.141926, … Continúa leyendo Mostrando un mapa en React Native