1import * as Maps from 'expo-maps';
2import React, { useContext } from 'react';
3import { StyleSheet, View } from 'react-native';
4
5import ProviderContext from '../context/ProviderContext';
6
7export default function PolylinesExample() {
8  const provider = useContext(ProviderContext);
9  return (
10    <View style={styles.container}>
11      <Maps.ExpoMap style={{ flex: 1, width: '100%' }} provider={provider}>
12        <Maps.Circle
13          center={{ latitude: 51.5, longitude: -0.13 }}
14          radius={100000}
15          strokeWidth={1}
16          fillColor="#00FF00A0"
17          strokeColor="#FF0000"
18        />
19      </Maps.ExpoMap>
20    </View>
21  );
22}
23
24const styles = StyleSheet.create({
25  container: {
26    flex: 1,
27  },
28});
29