content: import React, { Component } from 'react';
  import {Image, StyleSheet} from 'react-native';
  import { StackNavigator } from 'react-navigation';
  import	{	Container, Content, Text, H1, H3, Button, Item,	Input, Grid, Col}	from	'native-base';
  import general from '../styles/general';
  import Icon from 'react-native-vector-icons/FontAwesome';
  import SplashScreen from 'react-native-splash-screen';
  import { SocialIcon } from 'react-native-elements';
  
  export default class Login extends Component {
  	static navigationOptions = {
  	   header:null
  	};
  	constructor(props) {
  	  super(props);
  	   this.state = {};
  	   this.props.navigation;
  	}
  
  	componentDidMount(){
  		SplashScreen.hide();
  	}
      render(){
      	const { navigate } = this.props.navigation;
      	return(
                <Container style={{backgroundColor:'#fff'}}>
                	  <Content style={{padding:30}}>
                	  	  <H3 style={{textAlign:'center', marginTop:25, marginBottom:80, fontWeight:'bold', fontSize:18}}>Enter Email or Phone to continue</H3>
                	  	   <Item style={general.pad, {marginBottom:60}}>
  						<Icon	active	name='user-circle' size={20}	/>
  							<Input	placeholder='Email or Phone'/>
  					 </Item>
  
  					 <Button full rounded style={general.pad, general.primaryColorDark} onPress={()=>navigate('signUp')}>
  					 	 <Text>Next</Text>
  					 </Button>
  
  					 <Grid style={{marginTop:35, marginBottom:50}}>
  					 </Grid>
                	  </Content>
                </Container>
      		)
      }
  }
  