import styles from './style'
import React, { Component } from 'react';
import { Div, StyleSheet, Text, View, ScrollView, Alert, Button, TouchableHighlight, Image, Collapsile } from 'react-native';
import wifi from 'react-native-android-wifi';
import MapView from 'react-native-maps';
import { createStackNavigator } from 'react-navigation';
import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated', 'Module RCTImageLoader']); //Silence Bug in React-Navigation


export default class MapScreen extends React.Component {
    static navigationOptions = {
      title: 'Maps',
    };
    render() {
      /* 2. Get the param, provide a fallback value if not available */
      const { navigation } = this.props;
      const dataATT = navigation.getParam('dataATT', 'NO-IDi');
      const latitude = navigation.getParam('latitude', 'NO-ID');
      const longitude = navigation.getParam('longitude', 'some default value');
      //console.log('From MapScreen', dataATT.map(us => us.hostname)) //Funktioniert!
      //console.log('Latitude Test: ' , latitude)
      return (
        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', }}>
  
        <MapView style= {styles.map}
          region= {{
            latitude: latitude,
            longitude: longitude,
            latitudeDelta: 0.08,
            longitudeDelta: 0.08
          }}
          >
        </MapView>
  
  
        </View>
      );
    }
  }