scrollEnabled doesn't work on tabbar?

[JulianKingman]

the scrollEnabled prop should allow a tabbar to have scrollable tabs, but currently they just scrunch together.

I over-rode the header and it seems to work, via the renderHeader prop in <SlidingTabNavigation>

[amanthegreatone]

@JulianKingman can you please share what needs to overridden and how?

[gwmccull]

There are a couple open PRs that aim to fix this. #337 and #325

[JulianKingman]

@gwmccull Cool, I look forward to it!

In the meantime @amanthegreatone, this is how I did it (only showing relevant props):

import {TabBarTop} from 'react-native-tab-view';
import {SlidingTabNavigation, SlidingTabNavigationItem} from '@exponent/ex-navigation';

const renderHeader = (props) => {
    const {style} = this.props;
    return (<TabBarTop
      scrollEnabled
      renderLabel={this.renderLabel}
      {...props}
    />);
  };

const tabs = (props) =>{
  <SlidingTabNavigation renderHeader={renderHeader}>
    <SlidingTabNavigationItem>{*/things go here*/}</SlidingTabNavigationItem>
  </SlidingTabNavigation>
}

TabBarTop can take any props specified in react-native-tab-view (here: https://github.com/react-native-community/react-native-tab-view), which is what SlidingTabNavigation is based on.

[amanthegreatone]

@JulianKingman thanks for the tip!