import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button } from 'react-native';
import { createAppContainer, createStackNavigator, StackActions, NavigationActions } from 'react-navigation';


export default class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', paddingTop: 60 }}>
        <Text style={styles.title}>Uplift HEY!</Text>

        <View style={{justifyContent: 'center', alignItems: 'center', paddingTop: 40}}>
          <Button
            title="Sign In"
            onPress={() => this.props.navigation.navigate('SignIn')}
          />
          <Text style={{ paddingTop: 20, paddingBottom: 20 }}>Or</Text>
          <Button
            title="Sign Up"
            onPress={() => this.props.navigation.navigate('SignUp')}
          />
        </View>
      </View>
    );
  }  
}

const styles = StyleSheet.create({
  container: {
    borderRadius: 4,
    borderWidth: 0.5,
  },
  title: {
    fontSize: 75,
    fontWeight: 'bold',
  },
  activeTitle: {
    color: 'red',
  },
});