import React, { Component } from 'react';
import { StyleSheet, Platform } from 'react-native';
import {
  TabViewAnimated,
  TabBar,
  TabViewPagerScroll,
  TabViewPagerPan,
} from 'react-native-tab-view';
import { globalStyleVariables } from '../styles';

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

class PXTabView extends Component {
  static defaultProps = {
    lazy: true,
  };

  renderHeader = props => {
    const { includeStatusBarPadding, tabBarProps } = this.props;
    return (
      <TabBar
        style={{
          paddingTop: includeStatusBarPadding
            ? globalStyleVariables.STATUSBAR_HEIGHT
            : 0,
          backgroundColor: globalStyleVariables.HEADER_BACKGROUND_COLOR,
        }}
        {...tabBarProps}
        {...props}
      />
    );
  };

  renderPager = props =>
    Platform.OS === 'ios'
      ? <TabViewPagerScroll {...props} />
      : <TabViewPagerPan {...props} />;

  render() {
    const {
      navigationState,
      renderScene,
      onIndexChange,
      lazy,
      ...restProps
    } = this.props;
    return (
      <TabViewAnimated
        style={styles.container}
        navigationState={navigationState}
        renderScene={renderScene}
        renderHeader={this.renderHeader}
        renderPager={this.renderPager}
        onIndexChange={onIndexChange}
        lazy={lazy}
        {...restProps}
      />
    );
  }
}

export default PXTabView;

@@ -743,16 +743,109 @@
      %7D%7D%0A
+        labelStyle=%7B%7B%0A          marginVertical: 8,%0A          marginHorizontal: 0,%0A        %7D%7D%0A
         

change PXTabView vertical margin