Make ScrollableTabBar's height customable

Author: kilihorse

ScrollableTabBar.js

@@ -12,7 +12,6 @@ const {
   Dimensions,
 } = ReactNative;
 
-const TAB_HEIGHT = 50;
 const WINDOW_WIDTH = Dimensions.get('window').width;
 
 const ScrollableTabBar = React.createClass({
@@ -169,7 +168,6 @@ const ScrollableTabBar = React.createClass({
         horizontal={true}
         showsHorizontalScrollIndicator={false}
         showsVerticalScrollIndicator={false}
-        style={styles.scrollableContainer}
         directionalLockEnabled={true}
         scrollEventThrottle={16}
         bounces={false}
@@ -204,27 +202,23 @@ module.exports = ScrollableTabBar;
 
 const styles = StyleSheet.create({
   tab: {
-    height: TAB_HEIGHT - 1,
+    height: 49,
     alignItems: 'center',
     justifyContent: 'center',
     paddingBottom: 30,
     paddingLeft: 20,
     paddingRight: 20,
   },
   container: {
-    height: TAB_HEIGHT,
+    height: 50,
     borderWidth: 1,
     borderTopWidth: 0,
     borderLeftWidth: 0,
     borderRightWidth: 0,
     borderBottomColor: '#ccc',
   },
   tabs: {
-    height: TAB_HEIGHT - 1,
     flexDirection: 'row',
     justifyContent: 'space-around',
   },
-  scrollableContainer: {
-    height: TAB_HEIGHT,
-  },
 });