react-native-komect-uikit/src/teaset/NavigationBar/NavigationButton.js

React Native UI Toolkit

// NavigationButton.js

'use strict';

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

export default class NavigationButton extends TouchableOpacity {

  static propTypes = {
    ...TouchableOpacity.propTypes,
  };

  static defaultProps = {
    ...TouchableOpacity.defaultProps,
    hitSlop: {top: 12, bottom: 12, left: 8, right: 8},
  };

  static contextTypes = {
    tintColor: PropTypes.string,
  };

  buildProps() {
    let {style, ...others} = this.props;

    style = [{
      backgroundColor: 'rgba(0, 0, 0, 0)',
      paddingLeft: 6,
      paddingRight: 6,
      overflow: 'hidden',
      flexDirection: 'row',
      alignItems: 'center',
    }].concat(style);

    this.props = {style, ...others};
  }

  render() {
    this.buildProps();
    return super.render();
  }

}