Merge pull request ptomasroos#280 from kiliwalk/support_props_in_renderTabBar

Support props argument in renderTabBar property

Author: skv-headless

README.md

@@ -71,10 +71,10 @@ var App = React.createClass({
 
 ## Props
 
-- **`renderTabBar`** _(Function:ReactComponent)_ - should return a component to use as
+- **`renderTabBar`** _(Function:ReactComponent)_ - accept 1 argument `props` and should return a component to use as
   the tab bar. The component has `goToPage`, `tabs`, `activeTab` and
   `ref` added to the props, and should implement `setAnimationValue` to
-  be able to animate itself along with the tab content.
+  be able to animate itself along with the tab content. You can manually pass the `props` to the TabBar component.
 - **`tabBarPosition`** _(String)_ Defaults to `"top"`.
   - `"bottom"` to position the tab bar below content.
   - `"overlayTop"` or `"overlayBottom"` for a semitransparent tab bar that overlays content. Custom tab bars must consume a style prop on their outer element to support this feature: `style={this.props.style}`.

index.js

@@ -88,7 +88,7 @@ const ScrollableTabView = React.createClass({
     if (this.props.renderTabBar === false) {
       return null;
     } else if (this.props.renderTabBar) {
-      return React.cloneElement(this.props.renderTabBar(), props);
+      return React.cloneElement(this.props.renderTabBar(props), props);
     } else {
       return <DefaultTabBar {...props} />;
     }