UI Update

+import React, { Component } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { Icon } from 'native-base';
+
+export default class MovieRankingTab extends Component {
+    static navigationOptions = {
+        tabBarIcon: ({ tintColor }) => (
+            <Icon name='ios-trophy' style={{ color: tintColor }} />
+        )
+    }
+    render() {
+        return (
+            <View style={style.container}>
+                <Text>MovieRankingTab</Text>
+            </View>
+        );
+    }
+}
+
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    }
+});
\ No newline at end of file

+import React, { Component } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { Icon } from 'native-base';
+
+export default class SeenMovieTab extends Component {
+    static navigationOptions = {
+        tabBarIcon: ({ tintColor }) => (
+            <Icon name='ios-albums' style={{ color: tintColor }} />
+        )
+    }
+    render() {
+        return (
+            <View style={style.container}>
+                <Text>SeenMovieTab</Text>
+            </View>
+        );
+    }
+}
+
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    }
+});
\ No newline at end of file

+import React, { Component } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { Icon } from 'native-base';
+
+export default class WantToWatchTab extends Component {
+    
+    static navigationOptions = {
+        tabBarIcon: ({ tintColor }) => (
+            <Icon name='ios-star' style={{ color: tintColor }} />
+        )
+    }
+    render() {
+        return (
+            <View style={style.container}>
+                <Text>WantToWatchTab</Text>
+            </View>
+        );
+    }
+}
+
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    }
+});
\ No newline at end of file

@@ -3,20 +3,17 @@ import { StyleSheet, Text, View } from 'react-native';
 import { Icon } from 'native-base'; // 추가된 코드
 import { createAppContainer  } from 'react-navigation';
 import { createMaterialTopTabNavigator } from 'react-navigation-tabs';
-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 SeenMovieTab from './AppTabNavigator/MovieRankingTab';
+import MovieRankingTab from './AppTabNavigator/WantToWatchTab';
+import WantToWatchTab from './AppTabNavigator/SeenMovieTab';
 import { Platform } from 'react-native'
+//import { Ionicons } from '@expo/vector-icons';
 
 
 const AppTabNavigator = createMaterialTopTabNavigator({
-  HomeTab:{ screen: HomeTab },
-  Search:{ screen: SearchTab },
-  AddMedia:{ screen: AddMediaTab },
-  Likes:{ screen: LikesTab },
-  Profile:{ screen: ProfileTab }
+  "SeenMovieTab":{ screen: SeenMovieTab },
+  "MovieRankingTab":{ screen: MovieRankingTab },
+  "WantToWatchTab":{ screen: WantToWatchTab }
 }, {
   animationEnabled: true,
   swipeEnabled: true,
@@ -29,11 +26,11 @@ const AppTabNavigator = createMaterialTopTabNavigator({
           }
         })
       },
-    iconStyle: { height: 8 },
+    iconStyle: { height: 30 },
     activeTintColor: '#000',
     inactiveTintColor: '#d1cece',
     upperCaseLabel: false,
-    showLabel: true,
+    showLabel: false,
     showIcon: true,
   }
 });
@@ -43,9 +40,9 @@ const AppTabContainet = createAppContainer(AppTabNavigator);
 export default class MainScreen extends Component {
   // navigationOptions 코드 추가
   static navigationOptions = {
-    headerLeft: <Icon name='ios-camera' style={{ paddingLeft:10 }}/>,
-    title: 'poketMovie',
-    headerRight: <Icon name='ios-send' style={{ paddingRight:10 }}/>,
+    //headerLeft: <Icon name='ios-camera' style={{ paddingLeft:10 }}/>,
+    title: 'PoketMovie',
+    headerRight: <Icon name='ios-search' style={{ paddingRight:10 }}/>,
   }
 
   render() {

@@ -14,7 +14,7 @@ Platform:
   win32 x64
 
 Trace: 
-  Error: EPERM: operation not permitted, unlink 'C:\Users\SSM\Desktop\open_proj\pocketMovie\node_modules\@babel\generator\node_modules\.bin'
+  Error: EPERM: operation not permitted, unlink 'C:\Users\SSM\Desktop\open_proj\khuhub\pocketMovie\node_modules\@babel\generator\node_modules\.bin'
 
 npm manifest: 
   {