More like galtinn

src/Dusken.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import {connect} from "react-redux";
+import {Platform} from 'react-native';
 import {TabNavigator, StackNavigator} from "react-navigation";
 
 import AboutScreen from "./screens/AboutScreen";
@@ -25,19 +26,22 @@ const tabBarOptions = {
         indicatorStyle: {
             backgroundColor: "#f58220"
         },
-        // labelStyle: {
-        //     color: '#f58220'
-        // },
         activeTintColor: '#f58220',
-        inactiveTintColor: '#f58220',
+        inactiveTintColor: '#333333',
         showIcon: true,
         iconStyle: {
-            color: '#f58220'
+            width: 20,
+            height: 20,
         },
         labelStyle: {
             fontSize: 10,
             marginBottom: 0,
-        }
+            ...Platform.select({
+               android: {
+                   fontWeight: 'bold',
+               }
+            }),
+        },
     }
 };
 

src/screens/AboutScreen.js

@@ -10,8 +10,12 @@ export default class AboutScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="info" size={18} color={tintColor} style={{marginTop: 5}} />
+            <Icon name="info" size={16} color={tintColor} style={{marginTop: 3}} />
         ),
     };
 

src/screens/EventDetailsScreen.js

@@ -8,7 +8,11 @@ export default class EventDetailsScreen extends Component {
         title: navigation.state.params.item.title.decoded,
         headerStyle: {
             backgroundColor: '#f58220',
-        }
+        },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
     });
 
     render() {

src/screens/EventListScreen.js

@@ -10,8 +10,12 @@ export default class EventsScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="event" size={18} color={tintColor} style={{marginTop: 5}}/>
+            <Icon name="event" size={16} color={tintColor} style={{marginTop: 3}}/>
         ),
     };
 

src/screens/LoginScreen.js

@@ -9,6 +9,10 @@ export default class LoginScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
     };
 
     onLogin = () => {

src/screens/MembershipScreen.js

@@ -10,8 +10,12 @@ export default class MembershipScreen extends Component {
         headerStyle: {
             backgroundColor: '#f58220',
         },
+        headerTitleStyle: {
+            color: 'white',
+        },
+        headerTintColor: 'white',
         tabBarIcon: ({ tintColor }) => (
-            <Icon name="user" size={18} color={tintColor} style={{marginTop: 5}} />
+            <Icon name="user" size={16} color={tintColor} style={{marginTop: 3}} />
         ),
     };