<commit_before>import React from 'react';
import { StyleSheet, Text, View, Image, ScrollView } from 'react-native';
import {StackNavigator} from 'react-navigation'
import MapView from 'react-native-maps';

// TODO turn this into a navigation thingy

const App = StackNavigator({
  Welcome: {screen: WelcomeScreen},
  MapScreen: {screen: MapScreen}
})

export default App;


class WelcomeScreen extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
        <Image style = {{ height: 100, width: 100 }} source = {{url: "http://www.asseenontvvideo.com/wp-content/uploads/2013/10/BillyMays-trimmed1.jpg"}} />
      </View>
    );
  }
}

class MapScreen extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <MapView
                  style = {{ height: 300, width: 300 }}
                  initialRegion={{
                    latitude: 37.78825,
                    longitude: -122.4324,
                    latitudeDelta: 0.0922,
                    longitudeDelta: 0.0421,
                  }}
                />
            </View>
        )
    }
}

const styles = StyleSheet.create({
  container: {<commit_msg>implemented two screens<commit_after>import React from 'react';
import { StyleSheet, Text, View, Image, ScrollView, Button} from 'react-native';
import {StackNavigator} from 'react-navigation';
import MapView from 'react-native-maps';


// TODO turn this into a navigation thingy

class WelcomeScreen extends React.Component {
  render() {
    const { navigate } = this.props.navigation;
    return (
      <View style={styles.container}>
        <Button
          title="Go to Map"
          onPress={() =>
          navigate('MapScreen')
        }
        />
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
        <Image style = {{ height: 100, width: 100 }} source = {{url: "http://www.asseenontvvideo.com/wp-content/uploads/2013/10/BillyMays-trimmed1.jpg"}} />
      </View>
    );
  }
}

class MapScreen extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <MapView
                  style = {{ height: 300, width: 300 }}
                  initialRegion={{
                    latitude: 37.78825,
                    longitude: -122.4324,
                    latitudeDelta: 0.0922,
                    longitudeDelta: 0.0421,
                  }}
                />
            </View>
        )
    }
}


const App = StackNavigator({
  Welcome: {screen: WelcomeScreen},
  MapScreen: {screen: MapScreen}
});

export default App;

const styles = StyleSheet.create({
  container: {
{'fraction_non_alphanumeric': 0.11901595744680851, 'fraction_numerical': 0.028590425531914893, 'mean_word_length': 2.0271629778672033, 'pattern_counts': {'":': 0, '<': 28, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5673729', 'n_tokens_mistral': 913, 'n_tokens_neox': 829, 'n_words': 228}