Skip to content

Latest commit

 

History

History
31 lines (23 loc) · 1.29 KB

File metadata and controls

31 lines (23 loc) · 1.29 KB

react-native-scrollable-tab-view-mask-bar npm version

this component is a custom component of the react-native-scrollable-tab-view repository ,so I suggest you use this component and the combination of react-native-scrollable-tab-view.

Install

  1. Run npm install react-native-scrollable-tab-view-mask-bar --save
  2. Run npm install react-native-scrollable-tab-view --save

Usage

var ScrollableTabView = require('react-native-scrollable-tab-view');
var MaskTabBar = require('react-native-scrollable-tab-view-mask-bar');

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

Demo