Aprende React Native y conviértete en un experto

Navegar entre ventanas (Navigation)

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

los paquetes que hay que instalar son:npm install react-navigation --savenpm install react-navigation-stack --saveexpo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-viewimport React from 'react';import { StyleSheet, Text, View, Button } from 'react-native';import…

Continuar leyendo Navegar entre ventanas (Navigation)

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