While I'm working on my graduation project, I had some issues with expo/react native mapView, and it gives me this error, So please can anyone help me ASAP.
Here is my code if you want to check :
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
}
});I think you should add a condition to be sure that your props is not empty. Try something like this:
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>
}
);
}
}