import React, { Component } from "react";
import { View, Text, StyleSheet } from "react-native";
import HomeTab from './AppTabNavigator/HomeTab'
import SearchTab from './AppTabNavigator/SearchTab'
import AddMediaTab from './AppTabNavigator/AddMediaTab'
import LikesTab from './AppTabNavigator/LikesTab'
import ProfileTab from './AppTabNavigator/ProfileTab'
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import{ Icon } from 'native-base'

class MainScreen extends Component {

    static navigationOptions = {

        headerLeft: <Icon name="ios-camera-outline" style={{ paddingLeft: 10 }} />,
        title:"Townkit",
        headerRight:<Icon style={{ paddingRight: 10 }} name="ios-send-outline" />
    }
    render() {
        return (
            <AppTabNavigator />
        );
    }
}
export default MainScreen;

const AppTabNavigator = createBottomTabNavigator({

    HomeTab: {
        screen: HomeTab
    },
    SearchTab: {
        screen: SearchTab
    },
    AddMediaTab: {
        screen: AddMediaTab
    },
    LikesTab: {
        screen: LikesTab
    },
    ProfileTab: {
        screen: ProfileTab
    }
})

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
    }
});