import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MapView from 'react-native-maps';
import Overlay from './Overlay.js';


export default function App() {
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
    },
  });


  function getInitialState() {
    return {
      region: {
        latitude: 37.78825,
        longitude: -122.4324,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
      },
    };
  }
  
  function onRegionChange(region) {
    this.setState({ region });
  }
  


  return (
    <View style={styles.container}>
    <MapView
      region={this.state.region}
      onRegionChange={this.onRegionChange}
    />
    </View>
  );
}