diff --git a/index.js b/index.js index 7fb0df3..32f3d8b 100755 --- a/index.js +++ b/index.js @@ -41,6 +41,11 @@ export default class CheckBox extends Component { PropTypes.number, PropTypes.object, ]), + imageStyle: PropTypes.oneOfType([ + PropTypes.string, + PropTypes.number, + PropTypes.object, + ]), checkedImage: PropTypes.element, unCheckedImage: PropTypes.element, onClick: PropTypes.func.isRequired, @@ -50,12 +55,15 @@ export default class CheckBox extends Component { checkedCheckBoxColor: PropTypes.string, uncheckedCheckBoxColor: PropTypes.string, disabled: PropTypes.bool, + disabledColor: PropTypes.string } static defaultProps = { isChecked: false, isIndeterminate: false, leftTextStyle: {}, - rightTextStyle: {} + rightTextStyle: {}, + imageStyle: {}, + disabledColor: 'gray' } onClick() { @@ -98,7 +106,7 @@ export default class CheckBox extends Component { } _getTintColor() { - return this.props.isChecked ? this._getCheckedCheckBoxColor() : this._getUncheckedCheckBoxColor() + return this.props.disabled? this.props.disabledColor : (this.props.isChecked ? this._getCheckedCheckBoxColor() : this._getUncheckedCheckBoxColor()) } genCheckedImage() { @@ -111,7 +119,7 @@ export default class CheckBox extends Component { } return ( - + ); }