Map Screen

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