From b678de3bf94ef0c28e6ba0e57a46b79810bf6be6 Mon Sep 17 00:00:00 2001
From: Joe Noon <joenoon@gmail.com>
Date: Wed, 22 Jun 2016 07:59:21 -0700
Subject: [PATCH] remove extra rnrf tab styling.  user must pass tabBarStyle
 and tabBarSelectedItemStyle explicitly (#839)

---
 Example/Example.js | 11 ++++++++---
 src/TabBar.js      |  4 ++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/Example/Example.js b/Example/Example.js
index 4cbb5c3ad..a69694db2 100644
--- a/Example/Example.js
+++ b/Example/Example.js
@@ -36,8 +36,13 @@ class Right extends React.Component {
 
 const styles = StyleSheet.create({
     container: {flex:1, backgroundColor:"transparent",justifyContent: "center",
-        alignItems: "center",}
-
+        alignItems: "center",},
+    tabBarStyle: {
+        backgroundColor: '#eee',
+    },
+    tabBarSelectedItemStyle: {
+        backgroundColor: '#ddd',
+    },
 });
 
 const reducerCreate = params=>{
@@ -112,7 +117,7 @@ export default class Example extends React.Component {
                         <Scene key="loginModal3" hideNavBar={true} component={Login3} title="Login3" panHandlers={null} duration={1}/>
                     </Scene>
                     <Scene key="tabbar" component={NavigationDrawer}>
-                        <Scene key="main" tabs={true} >
+                        <Scene key="main" tabs={true} tabBarStyle={styles.tabBarStyle} tabBarSelectedItemStyle={styles.tabBarSelectedItemStyle}>
                             <Scene key="tab1"  title="Tab #1" icon={TabIcon} navigationBarStyle={{backgroundColor:"red"}} titleStyle={{color:"white"}}>
                                 <Scene key="tab1_1" component={TabView} title="Tab #1_1" onRight={()=>alert("Right button")} rightTitle="Right" />
                                 <Scene key="tab1_2" component={TabView} title="Tab #1_2" titleStyle={{color:"black"}}/>
diff --git a/src/TabBar.js b/src/TabBar.js
index 017496a9f..e2dedec6f 100644
--- a/src/TabBar.js
+++ b/src/TabBar.js
@@ -58,8 +58,8 @@ class TabBar extends Component {
         />
         {!hideTabBar && state.children.filter(el => el.icon).length > 0 &&
           <Tabs
-            style={[{ backgroundColor: 'white' }, state.tabBarStyle]}
-            selectedIconStyle={[{ backgroundColor: 'white' }, state.tabBarSelectedItemStyle]}
+            style={state.tabBarStyle}
+            selectedIconStyle={state.tabBarSelectedItemStyle}
             onSelect={this.onSelect} {...state}
             selected={state.children[state.index].sceneKey}
           >