@meategg/react-native-scroll-tab-view
v1.0.1
Published
A react-native component
Downloads
2
Readme
@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