added react navigation

Author: maxbogus

Diff for: App.js

@@ -1,21 +1,56 @@
 import React from 'react'
-import {View} from 'react-native'
+import {View, Platform} from 'react-native'
+import {createAppContainer, createBottomTabNavigator} from 'react-navigation'
 import {Provider} from 'react-redux'
 import {createStore} from 'redux'
+import {FontAwesome, Ionicons} from '@expo/vector-icons'
 
 import AddEntry from './components/AddEntry'
+import {purple, white} from "./utils/colors"
+import History from "./components/History"
 import reducer from './reducers'
-import History from "./components/History";
 
 const store = createStore(reducer);
+const Tabs = createBottomTabNavigator({
+    History: {
+        screen: History,
+        navigationOptions: {
+            tabBarLevel: 'History',
+            tabBarIcon: ({tintColor}) => <Ionicons name='ios-bookmarks' size={30} color={tintColor}/>
+        }
+    },
+    AddEntry: {
+        screen: AddEntry,
+        navigationOptions: {
+            tabBarLevel: 'Add Entry',
+            tabBarIcon: ({tintColor}) => <FontAwesome name='plus-square' size={30} color={tintColor}/>
+        }
+    }
+}, {
+    tabBarOptions: {
+        activeTintColor: Platform.OS === 'ios' ? purple : white,
+        style: {
+            height: 56,
+            backgroundColor: Platform.OS === 'ios' ? white : purple,
+            shadowColor: 'rgba(0, 0, 0, 0.24)',
+            shadowOffset: {
+                width: 0,
+                height: 3
+            },
+            shadowRadius: 6,
+            shadowOpacity: 1,
+        }
+    }
+});
+const Container = createAppContainer(Tabs);
 
 export default class App extends React.Component {
     render() {
         return (
             <Provider store={store}>
                 <View style={{flex: 1}}>
-                    <View style={{height: 20}}/>
-                    <History/>
+                <View style={{height: 20}}/>
+                    <Container/>
                 </View>
             </Provider>
         );

Diff for: package.json

@@ -18,7 +18,7 @@
     "expo": "^31.0.2",
     "react": "16.5.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-31.0.0.tar.gz",
-    "react-navigation": "^2.18.2",
+    "react-navigation": "^3.0.0",
     "react-redux": "^5.1.1",
     "redux": "^4.0.1",
     "udacifitness-calendar": "^11.0.0"