import React, { Component } from 'react';
import { StyleSheet, Platform, View, Text } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createMaterialTopTabNavigator } from 'react-navigation-tabs'
import HomeTab from './AppTabNavigator/HomeTab'
import HistoryTab from './AppTabNavigator/HistoryTab'
import SettingTab from './AppTabNavigator/SettingTab'

// 하단 탭 네비게이터 생성
const AppTabNavigator = createMaterialTopTabNavigator({
  Home: { screen: HomeTab },
  History: { screen: HistoryTab },
  Setting: { screen: SettingTab }
},{
  animationEnabled: true,
  swipeEnabled: true,
  tabBarPosition: "bottom",
  tabBarOptions: {
    style: {
      ...Platform.select({
        android:{
          backgroundColor:'white',
        }
      })
    },
    iconStyle: { height: 10 },
    activeTintColor: '#000',
    inactiveTintColor: '#d1cece',
    upperCaseLabel: true,
    showLabel: true,
    showIcon: true,
  }
});

const AppTabContainet = createAppContainer(AppTabNavigator);

export default class MainScreen extends Component {

  static navigationOptions = {
    title: 'FW IOT'  }

  render() {
    return <AppTabContainet/>; // AppTabContainet 컴포넌트를 리턴한다.
  }
}

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