Merge pull request #19 from danielweinmann/disabled_style

Adds optional disabledStyle prop

Author: alvaromb

Button.js

@@ -17,6 +17,7 @@ var Button = React.createClass({
   propTypes: Object.assign({},
     {
       textStyle: Text.propTypes.style,
+      disabledStyle: Text.propTypes.style,
       children: PropTypes.string.isRequired,
       isLoading: PropTypes.bool,
       isDisabled: PropTypes.bool,
@@ -80,7 +81,7 @@ var Button = React.createClass({
   render: function () {
     if (this.props.isDisabled === true || this.props.isLoading === true) {
       return (
-        <View style={[styles.button, this.props.style, styles.opacity]}>
+        <View style={[styles.button, this.props.style, (this.props.disabledStyle || styles.opacity)]}>
           {this._renderInnerText()}
         </View>
       );

README.md

@@ -47,6 +47,7 @@ and disable it to prevent accidental taps.
 | ``onPressOut`` | ``func`` | Function to execute when the ``onPressOut`` event is triggered. |
 | ``onLongPress`` | ``func`` | Function to execute when the ``onLongPress`` event is triggered. |
 | ``textStyle`` | ``TextStylePropTypes`` | The StyleSheet to apply to the inner button text. |
+| ``disabledStyle`` | ``TextStylePropTypes`` | The StyleSheet to apply when disabled. |
 | ``children`` | ``string`` | The ``string`` to render as the text button. |
 | ``isLoading`` | ``bool`` | Renders an inactive state dimmed button with a spinner if ``true``. |
 | ``isDisabled`` | ``bool`` | Renders an inactive state dimmed button if ``true``. |