Mientras trabajaba en mi proyecto de graduación, tuve algunos problemas con expo/react native mapView, y me da este error. Así que, por favor, ¿alguien puede ayudarme lo antes posible?
Aquí está mi código si quieres comprobar:
import React, { Component } from "react"; import { View, I18nManager, StyleSheet, } from 'react-native'; import MapView, { Marker } from 'react-native-maps'; I18nManager.allowRTL(false); export default class MyMapView extends Component { //default state constructor(props) { super(props); } render() { return ( <View style={styles.container}> <MapView style={styles.map} region={{ //we have muliple locations so we pass them here latitude: this.props.latitude,longitude: this.props.longitude, latitudeDelta:this.props.latitudeDelta , longitudeDelta: this.props.longitudeDelta, }} > <Marker coordinate={{ latitude: this.props.latitude,longitude: this.props.longitude}} /> </MapView> </View> ); } } const styles = StyleSheet.create({ container: { ...StyleSheet.absoluteFillObject }, map: { ...StyleSheet.absoluteFillObject } });Creo que debería agregar una condición para asegurarse de que sus accesorios no estén vacíos. Prueba algo como esto:
export default class MyMapView extends Component { ... render() { return ( { this.props && <View style={styles.container}> <MapView style={styles.map} region={{ //we have muliple locations so we pass them here latitude: this.props.latitude,longitude: this.props.longitude, latitudeDelta:this.props.latitudeDelta , longitudeDelta: this.props.longitudeDelta, }} > <Marker coordinate={{ latitude: this.props.latitude,longitude: this.props.longitude}} /> </MapView> </View> } ); } }