tabbar style and scrolling

Author: drewvolz

source/views/components/tabbed-view/index.js

@@ -1,5 +1,6 @@
 // @flow
 
+import {Platform} from 'react-native'
 import {
   TabNavigator as TabNav,
   NavigationScreenRouteConfig,
@@ -17,9 +18,39 @@ type ComponentType = (
 export const TabNavigator: ComponentType = (screens, options) =>
   TabNav(screens, {
     backBehavior: 'none',
+    lazy: true,
+    swipeEnabled: Platform.OS !== 'ios',
     tabBarOptions: {
-      activeTintColor: c.mandarin,
+      ...Platform.select({
+        android: {
+          inactiveTintColor: 'rgba(255, 255, 255, 0.7)',
+        },
+        ios: {
+          activeTintColor: c.mandarin,
+        },
+      }),
+      scrollEnabled: Platform.OS == 'ios',
       ...(options.tabBarOptions || {}),
+      style: {
+        ...Platform.select({
+          android: {
+            backgroundColor: c.mandarin,
+            height: 48,
+          },
+        }),
+      },
+      labelStyle: {
+        ...Platform.select({
+          ios: {
+            fontFamily: 'System',
+          },
+          android: {
+            fontFamily: 'sans-serif-condensed',
+            fontSize: 14,
+            minWidth: 100, // moved this here from `tabStyle` not cut off text...
+          },
+        }),
+      },
     },
     ...options,
   })