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

Hola mundo con React Native

React native es una librería que nos permite crear aplicaciones mobiles nativas usando ReactJS. Usarlo es bastante fácil si usamos la librería Expo para apoyarnos. Para iniciar un proyecto con Expo primero hay que instalarlo, usando el comando: npm install -g expo-cli Despues ya podemos usar el comando expo init Para iniciar un nuevo proyecto de Expo. Eso nos creará el proyecto y estaremos listos … Continúa leyendo Hola mundo con React Native