import React, { Component } from 'react';
import {View, Text, StyleSheet, StatusBar} from 'react-native';
import { Header, Footer, FooterTab, Card, CardItem } from 'native-base';
import { createAppContainer } from 'react-navigation';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';



import LoginScreen from './Screens/LoginScreen';
import HomeScreen from './Screens/HomeScreen';

class App extends Component {
  render() {
    return (
      <View style={{flex: 1}}>
         <Header style={{ backgroundColor: '#E91E63' }} />
        {/* <StatusBar backgroundColor='#1c313a' barStyle="light-content" /> */}
        <LoginScreen/>
        {/* <HomeScreen />          */}

      </View>
    )
  }
}
const TabNavigator = createBottomTabNavigator({

  Home:
  {
  screen: HomeScreen,
  navigationOptions: {
    tabBarIcon: () => <Icon name="home" size={30} color="#E91E63" />
  }
}
  // Login: { screen: LoginScreen },
});

export default createAppContainer(TabNavigator);
const styles = StyleSheet.create({
  container: {
    backgroundColor: '#fff',
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  form: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: 'transparent',
    marginRight: 70,
    marginLeft: 60,
  },
  text: {
    flex: 1,
    justifyContent: 'center',
    textAlign: 'center',
    fontSize: 16,
    color: '#fff',
    marginTop: 10,
    width: 100

  }
})