title: align center a checkbox in a View (RN)
body: <p>My code is:</p>
  <pre><code>      &lt;View style={{...styles.tableRow, backgroundColor: index % 2 == 1 ? &quot;#F0FBFC&quot; : &quot;white&quot;}}&gt;
          &lt;View style={styles.checkboxContainer}&gt;
            &lt;Checkbox label=&quot;&quot; color=&quot;success&quot; checkboxStyle={styles.checkbox}/&gt;
          &lt;/View&gt;
          &lt;Text style={styles.columnRowTxt}&gt;{members[item].first}&lt;/Text&gt;
          &lt;Text style={styles.columnRowTxt}&gt;{members[item].last}&lt;/Text&gt;
          &lt;Text style={styles.columnRowTxt}&gt;{item.Weight}&lt;/Text&gt;
        &lt;/View&gt;
  </code></pre>
  <p>I'm attempting to align the Checkbox in the center of that View. I originally tried it with out a view.  Here is my style:</p>
  <pre><code>  checkbox: {
      backgroundColor: &quot;yellow&quot;,
    },
    checkboxContainer: {
      flexDirection: &quot;row&quot;,
      width: &quot;25%&quot;,
      backgroundColor: &quot;gray&quot;,
      alignItems:&quot;center&quot;
    }
  </code></pre>
  <p>The result is:
  <a href="https://i.stack.imgur.com/QTgcd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QTgcd.png" alt="enter image description here" /></a></p>
  <p>I have also tried:
  checkbox: {
  backgroundColor: &quot;yellow&quot;,
  alignSelf: &quot;center&quot;,
  },</p>
  <p>How can I get that centered?</p>