react-tab-bar

Tabbar for react.

properties:

  static propTypes = {
    className: PropTypes.string,
    value: PropTypes.array,
    onChange: PropTypes.func
  };

  static defaultProps = {
    value: [],
    onChange: noop,
  };
  

usage:

// install: npm install afeiship/react-tab-bar --save import : import
// ReactTabBar from 'react-tab-bar'

class App extends React.Component {
  state = {
    value:[
      {
        selected:true,
        type:'inline',
        icon:'home',
        text:'Home',
        dot: true,
        badge: 2
      },
      {
        type:'float',
        icon:'photo',
        text:'Photo',
        badge: 10
      },
      {
        type:'inline',
        icon:'time',
        text:'History',
        badge: 0
      },
      {
        type:'absolute',
        icon:'time',
      }
    ]
  };

  constructor(props) {
    super(props);
    window.demo = this;
    window.refs = this.refs;
    window.rc = this.refs.rc;
  }

  _change = e =>{
    this.setState({ value: e.target.value });
  };

  render() {
    return (
      <div className="hello-react-tab-bar">
        <ReactTabBar ref='rc' className="test-tab-bar" value={this.state.value} onChange={this._change} />
      </div>
    );
  }
}