fix #39 #37

crazycodeboy · Oct 10, 2017 · 456576b · 456576b
1 parent 9f4bec7
commit 456576b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/index.js b/index.js
@@ -1,4 +1,4 @@
- /**
+/**
  * react-native-check-box
  * Checkbox component for react native, it works on iOS and Android
  * https://github.com/crazycodeboy/react-native-check-box
@@ -20,6 +20,12 @@ import PropTypes from 'prop-types';
 
 
 export default class CheckBox extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isChecked: this.props.isChecked,
+        }
+    }
     static propTypes = {
         ...(ViewPropTypes || View.PropTypes),
         leftText: PropTypes.string,
@@ -42,7 +48,12 @@ export default class CheckBox extends Component {
         leftTextStyle: {},
         rightTextStyle: {}
     }
-
+    onClick() {
+        this.setState({
+            isChecked: !this.state.isChecked
+        })
+        this.props.onClick();
+    }
     _renderLeft() {
         if (this.props.leftTextView)return this.props.leftTextView;
         if (!this.props.leftText)return null;
@@ -62,7 +73,7 @@ export default class CheckBox extends Component {
         if (this.props.isIndeterminate){
             return this.props.indeterminateImage ? this.props.indeterminateImage : this.genCheckedImage();
         }
-        if (this.props.isChecked) {
+        if (this.state.isChecked) {
             return this.props.checkedImage ? this.props.checkedImage : this.genCheckedImage();
         } else {
             return this.props.unCheckedImage ? this.props.unCheckedImage : this.genCheckedImage();
@@ -72,10 +83,10 @@ export default class CheckBox extends Component {
     genCheckedImage() {
         var source;
         if (this.props.isIndeterminate) {
-          source = require('./img/ic_indeterminate_check_box.png');
+            source = require('./img/ic_indeterminate_check_box.png');
         }
         else {
-          source = this.props.isChecked ? require('./img/ic_check_box.png') : require('./img/ic_check_box_outline_blank.png');
+            source = this.state.isChecked ? require('./img/ic_check_box.png') : require('./img/ic_check_box_outline_blank.png');
         }
 
         return (
@@ -87,7 +98,7 @@ export default class CheckBox extends Component {
         return (
             <TouchableHighlight
                 style={this.props.style}
-                onPress={this.props.onClick}
+                onPress={()=>this.onClick()}
                 underlayColor='transparent'
                 disabled={this.props.disabled}
             >

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-check-box",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Checkbox component for react native, it works on iOS and Android.",
   "main": "index.js",
   "scripts": {