title: How to style React Native <CheckBox> component?
body: <p>Is it possible to style the React Native CheckBox component?</p>
  
  <p>There is no <code>style</code> property listed here: <a href="https://facebook.github.io/react-native/docs/checkbox.html" rel="noreferrer">https://facebook.github.io/react-native/docs/checkbox.html</a></p>
  
  <p>I put an invalid style property on it, and the RN warning message that popped up told me all the valid CSS properties, but none of them did anything beneficial towards styling.</p>
  
  <p>The component looks decent, but I want to change it from that teal color to a brand color.</p>
  
  <p>Is it possible?</p>
  
  <p>These properties are not working but are listed as valid style props for CheckBox:</p>
  
  <pre><code>{
    height: 50,             // changes the hitspace but not the checkbox itself
    width: 50,
    borderWidth: 1,         // does nothing
    backgroundColor: 'red', // makes the area around and inside the checkbox red
    borderColor: 'green',   // does nothing
    borderStyle: 'dotted'   // does nothing
  }
  </code></pre>
  
  <p>I don't understand why it even exists if everyone just makes their own checkbox. If I did that, I wouldn't really have any use for  because all it gives is </p>
  
  <pre><code>value={this.state.rememberMe}
  onValueChange={() =&gt; this.toggleRememberMe()}
  </code></pre>
  
  <p>unless there is something magic it does under the hood. It has a decent onChange animation, but that would be deprecated instantly when I make my own and use something like <code>&lt;TouchableHighlight or Opacity&gt;</code> wrapped around an on/off image or <code>&lt;View&gt;</code>.</p>
  
  <p>I can't find any info on Google except hundreds of custom checkboxes. It's actually really hard to search around them.</p>