'use strict';
 
var React = require('react-native');
 
// For registering the Callback-Listener
var { DeviceEventEmitter } = require('react-native');
 
var RNALocation = require('react-native-android-location');
 
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;
 
var RNALocation = React.createClass({
  // Create and Reset initial State Longitude (lng) and Latitude (lat)	
  getInitialState: function() { return { lng: 0.0, lat: 0.0}; },
 
  componentDidMount: function() {
  	  // Register Listener Callback !Important!
      DeviceEventEmitter.addListener('updateLocation', function(e: Event) {
          this.setState({lng: e.Longitude, lat: e.Latitude });
      }.bind(this));
      // Initialize RNALocation
      RNALocation.getLocation();
  },
 
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.location}>
          Lng: {this.state.lng} Lat: {this.state.lat}
        </Text>
      </View>
    );
  }
});
 
var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  location: {
    textAlign: 'center'
  }
});
 
AppRegistry.registerComponent('RNALocation', () => RNALocation);