feat: add contentContainerStyle to TabBar (#687)

satya164 · Feb 24, 2019 · e2b3af9 · e2b3af9
1 parent 3632e22
commit e2b3af9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -392,6 +392,10 @@ Style to apply to the active indicator.
 
 Style to apply to the tab item label.
 
+##### `contentContainerStyle`
+
+Style to apply to the inner container for tabs.
+
 ##### `style`
 
 Style to apply to the tab bar container.

diff --git a/src/TabBar.js b/src/TabBar.js
@@ -48,6 +48,7 @@ export type Props<T> = {|
   tabStyle?: ViewStyleProp,
   indicatorStyle?: ViewStyleProp,
   labelStyle?: TextStyleProp,
+  contentContainerStyle?: ViewStyleProp,
   style?: ViewStyleProp,
 |};
 
@@ -257,6 +258,7 @@ export default class TabBar<T: Route> extends React.Component<Props<T>, State> {
       tabStyle,
       labelStyle,
       indicatorStyle,
+      contentContainerStyle,
       style,
     } = this.props;
     const { routes } = navigationState;
@@ -300,6 +302,7 @@ export default class TabBar<T: Route> extends React.Component<Props<T>, State> {
             contentContainerStyle={[
               styles.tabContent,
               scrollEnabled ? null : styles.container,
+              contentContainerStyle,
             ]}
             scrollEventThrottle={16}
             onScroll={Animated.event(