ios: Add tabbar icons

src/Dusken.js

@@ -7,18 +7,18 @@ import AboutScreen from "./screens/AboutScreen";
 import MembershipScreen from "./screens/MembershipScreen";
 
 
-const routeConfig = {
+const tabBarRoutes = {
     Events: { screen: EventsScreen },
     Membership: { screen: MembershipScreen },
     About: { screen: AboutScreen },
 };
 
-const tabConfig = {
-    tabBarPosition: 'bottom'
+const tabBarOptions = {
+    tabBarPosition: 'bottom',
 };
 
 /* Navigation */
-const tabNav = TabNavigator(routeConfig, tabConfig);
+const tabNav = TabNavigator(tabBarRoutes, tabBarOptions);
 
 const DuskenContainer = StackNavigator({
     Root: { screen: tabNav},

src/screens/AboutScreen.js

@@ -1,9 +1,13 @@
 import React, { Component } from 'react';
 import AboutContainer from "../modules/about/AboutContainer";
+import Icon from 'react-native-vector-icons/SimpleLineIcons';
 
 export default class AboutScreen extends Component {
     static navigationOptions = {
         title: 'Om oss',
+        tabBarIcon: ({ tintColor }) => (
+            <Icon name="info" size={18} color={tintColor} style={{marginTop: 5}} />
+        ),
     };
 
     render() {

src/screens/EventScreen.js

@@ -1,9 +1,13 @@
 import React, { Component } from 'react';
 import EventListContainer from "../modules/events/EventListContainer";
+import Icon from 'react-native-vector-icons/SimpleLineIcons';
 
 export default class EventsScreen extends Component {
     static navigationOptions = {
         title: 'Program',
+        tabBarIcon: ({ tintColor }) => (
+            <Icon name="event" size={18} color={tintColor} style={{marginTop: 5}}/>
+        ),
     };
 
     render() {

src/screens/MembershipScreen.js

@@ -1,9 +1,13 @@
 import React, { Component } from 'react';
 import MembershipContainer from "../modules/membership/MembershipContainer";
+import Icon from 'react-native-vector-icons/SimpleLineIcons';
 
 export default class MembershipScreen extends Component {
     static navigationOptions = {
         title: 'Medlemskap',
+        tabBarIcon: ({ tintColor }) => (
+            <Icon name="user" size={18} color={tintColor} style={{marginTop: 5}} />
+        ),
     };
 
     render() {