@meategg/react-native-scroll-tab-view

@meategg/react-native-scroll-tab-view

!!! This is fork from react-native-scrollable-tab-view

This is an extension to react-native-scrollable-tab-view;

Follow this:

1、Upgrade react-native-pager-view instead @react-native-community/viewpager of react-native-scrollable-tab-view;

2、fix bug;

3、Implement new TabBar, AnimationLineBar;

Getting started

yarn add @meategg/react-native-scroll-tab-view

Injecting a AnimationLineBar

Suppose we had a custom tab bar called AnimationLineBar, we would inject it into our ScrollableTabView like this:

import {ScrollableTabView, AnimationLineBar} from '@meategg/react-native-scroll-tab-view';

var App = React.createClass({
  render() {
    return (
      <ScrollableTabView 
              renderTabBar={() =>
                      <AnimationLineBar 
                              someProp={'here'}
                      />
              }
      >
        <ReactPage tabLabel="React" />
        <FlowPage tabLabel="Flow" />
        <JestPage tabLabel="Jest" />
      </ScrollableTabView>
    );
  }
});

MIT Licensed