remove extra rnrf tab styling. user must pass tabBarStyle and tabBarS…

…electedItemStyle explicitly (#839)
aksonov · Jun 22, 2016 · b678de3 · b678de3
1 parent 1260168
commit b678de3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git 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
@@ -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}
           >