Obtener las coordenadas exactas en el mapa

  • Autor de la entrada:
  • Categoría de la entrada:React Native

Primero debes instalar los mapas mediante el comando npm install react-native-mapsimport React from 'react';import { StyleSheet, View, Text, Dimensions, ScrollView,TouchableOpacity,Platform } from 'react-native';import MapView, { Marker, ProviderPropType,AnimatedRegion, MAP_TYPES } from…

Continuar leyendo Obtener las coordenadas exactas en el mapa

Obtener coordenadas exactas del gps

  • Autor de la entrada:
  • Categoría de la entrada:React Native

import React from 'react';import { StyleSheet, View, Text, Dimensions, ScrollView,TouchableOpacity,Platform } from 'react-native';import MapView, { Marker, ProviderPropType,AnimatedRegion, MAP_TYPES } from 'react-native-maps';import * as Location from 'expo-location';import * as Permissions from…

Continuar leyendo Obtener coordenadas exactas del gps

Mapa básico con marcador, ubicación, permiso y obtener coordenada

  • Autor de la entrada:
  • Categoría de la entrada:React Native

import React from 'react';import { StyleSheet, View, Text, Dimensions, ScrollView } from 'react-native';import MapView, { Marker, ProviderPropType } from 'react-native-maps';import * as Location from 'expo-location';import * as Permissions from 'expo-permissions';const…

Continuar leyendo Mapa básico con marcador, ubicación, permiso y obtener coordenada

Mapa básico con marcador

  • Autor de la entrada:
  • Categoría de la entrada:React Native

Primero vamos a instalar el paquete de maps con el comando npm install react-native-mapsimport React from 'react';import { StyleSheet, View, Text, Dimensions, ScrollView } from 'react-native';import MapView, { Marker, ProviderPropType…

Continuar leyendo Mapa básico con marcador

FlatList

  • Autor de la entrada:
  • Categoría de la entrada:React Native

Las FlatList son uno de los elementos mas usados en cualquier desarrollo móvil, ya sea Flutter, Ionic o React Native, nos permite mostrar de forma bonita y ordenada un conjunto…

Continuar leyendo FlatList

Props

  • Autor de la entrada:
  • Categoría de la entrada:React Native

La mayoría de los componentes se pueden personalizar cuando se crean, con diferentes parámetros. Estos parámetros creados se denominan propsApp.jsimport React, { Component } from 'react';import { StyleSheet, Text, View…

Continuar leyendo Props

State

  • Autor de la entrada:
  • Categoría de la entrada:React Native

Hay dos tipos de datos que controlan un componente, el state y los props, estos dos son objetos planos que contienen la información que se va a reflejar en el render,…

Continuar leyendo State

Platform, Estilos en Android y IOS

  • Autor de la entrada:
  • Categoría de la entrada:React Native

Platform nos permite cosas interesantes como aplicar un estilo o una funcionalidad dependiendo de la plataforma en la cual se ejecuta nuestra appimport * as React from 'react';import { Text,…

Continuar leyendo Platform, Estilos en Android y IOS

Nuestro primer código de React Native

  • Autor de la entrada:
  • Categoría de la entrada:React Native

import React, {Component} from 'react';import { StyleSheet, Text, View, Image, Button, Alert, ImageBackground, TouchableOpacity, TextInput, ScrollView } from 'react-native';class HolaMundo extends Component{//aqui declaramos las funcioneslogin(){Alert.alert('Hola carlos')}render(){return(//Contenedor principal<ImageBackground source={require('./assets/fondo.jpg')} style={styles.container}><View style={styles.header}><View…

Continuar leyendo Nuestro primer código de React Native