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

1.0.8 • Public • Published

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

Package Sidebar

Install

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

Weekly Downloads

7

Version

1.0.8

License

ISC

Last publish

Collaborators

  • mingmourushui