title: Save / keep the state of the CheckBox in react native application (checked or unchecked ) / Invalid prop supplied to checkbox
body: <p>i just implemented the checkbox component from native base in my react native app. Every time i check/uncheck the checkbox, some variable change its status (true or false) and then stored. Based on that value stored in the asyncStorage,i can do some changes in the app and it works fine. </p>
  
  <p>The problem I'm facing now is : I need the checkbox to remain checked / unchecked while using the app (even if changing from one page to another) and it can not change while the user didn't change it (it's always going back to the default value once changing the page ) 
  I'm storing the variable as string but apparently checkbox accept only boolean variables. 
  <strong>PS:</strong> I tried to store the status as boolean but it's not working 
  Here is the code : </p>
  
  <pre><code>constructor(props) {
          super(props);
          this.state ={ status: false }
  };
  
   toggleStatus() 
  {
          this.setState({
              status: !this.state.status
          });
       AsyncStorage.setItem("myCheckbox",JSON.stringify(this.state.status));
  }
  
  render(){
  return(
  
  .... 
      &lt;CheckBox checked={this.state.status}
                onPress={() =&gt; this.toggleStatus()} /&gt;
  
  );}
  </code></pre>
  
  <p>I even tried to change the status like this : </p>
  
  <pre><code>componentWillMount(){
          AsyncStorage.getItem('myCheckbox').then((value) =&gt; {
              JSON.parse(value)
              this.setState({
                  status: value
              });
              if (this.state.status == 'false') {
                  this.setState({
                      status: false
                  });
              }
              else if (this.state.status == 'true') {
                  this.setState({
                      status: true
                  });
              }
              else {
                  this.setState({
                      status: false
                  });
              }   
          });
  
      }
  </code></pre>
  
  <p>But, it keeps throwing a warning : <a href="https://i.stack.imgur.com/y84r2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y84r2.png" alt="enter image description here"></a></p>