react-native-komect-uikit/src/teaset/TabView/TabSheet.js

React Native UI Toolkit

/**
 * @Author: will
 * @Date:   2017-09-07T20:49:16+08:00
 * @Filename: TabSheet.js
 * @Last modified by:   will
 * @Last modified time: 2017-09-11T16:37:28+08:00
 */



// TabSheet.js

'use strict';

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {View} from 'react-native';

import Theme from '../themes/Theme';

export default class TabSheet extends Component {

  static propTypes = {
    type: PropTypes.oneOf(['sheet', 'button']),
    title: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]),
    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.shape({uri: PropTypes.string}), PropTypes.number]),
    activeIcon: PropTypes.oneOfType([PropTypes.element, PropTypes.shape({uri: PropTypes.string}), PropTypes.number]),
    iconContainerStyle: View.propTypes.style,
    badge: PropTypes.oneOfType([PropTypes.element, PropTypes.number]),
    onPress: PropTypes.func,
  };

  static defaultProps = {
    type: 'sheet',
    active: false,
  };

  render() {
    let {style, ...others} = this.props;
    style = [{flex: 1}].concat(style);
    return <View style={style} {...others} />;
  }
}