Feat(TabBar): add pressOpacity for TabBar (#956)

* Feat(TabBar): add pressOpacity for TabBar * Feat(Doc): add doc for pressOpacity
aksonov · Jul 27, 2016 · e6b967a · e6b967a
1 parent 17dcc42
commit e6b967a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/docs/API_CONFIGURATION.md b/docs/API_CONFIGURATION.md
@@ -85,6 +85,7 @@ Actions.ROUTE_NAME({type: ActionConst.RESET});
 | tabBarStyle | [`View style`](https://facebook.github.io/react-native/docs/view.html#style) |  | optional style override for the Tabs component |
 | tabBarIconContainerStyle | [`View style`](https://facebook.github.io/react-native/docs/view.html#style) |  | optional style override for the View that contains each tab icon |
 | hideTabBar | `bool` | false | hides tab bar for this scene and any following scenes until explicitly reversed (if built-in TabBar component is used as parent renderer)|
+| pressOpacity | `number` | 0.2 | the opacity when clicking on the tab |
 
 
 ### Navigation Bar

diff --git a/src/TabBar.js b/src/TabBar.js
@@ -13,6 +13,7 @@ class TabBar extends Component {
     tabIcon: PropTypes.any,
     onNavigate: PropTypes.func,
     unmountScenes: PropTypes.bool,
+    pressOpacity: PropTypes.number,
   };
 
   constructor(props, context) {
@@ -66,6 +67,7 @@ class TabBar extends Component {
             iconStyle={state.tabBarIconContainerStyle}
             onSelect={this.onSelect} {...state}
             selected={state.children[state.index].sceneKey}
+            pressOpacity={this.props.pressOpacity}
           >
             {state.children.filter(el => el.icon || this.props.tabIcon).map(el => {
               const Icon = el.icon || this.props.tabIcon;