Map Screen

la
Last updated 5 months ago

Map View

<MapView
style={{ flex: 1 }}
initialRegion={{
latitude: lat,
longitude: long,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
>
<MapView.Circle
center={{longitude: long, latitude: lat}}
radius={1000}
loadingEnabled={true}
strokeWidth={2}
strokeColor={colors.mapview_fillColor}
fillColor={colors.mapview_fillColor}
/>
</MapView>

As you can see, the map view contain the circle overlay of the map view with some stylesheet. And latitude, longitude data had been provided from the previous screen.

Feel free to check the documentation of Map View if you need more explanation and example.

Ref: https://github.com/react-community/react-native-maps‚Äč