title: Width of buttons not changing in react native
body: <p>I have two buttons in a row separated by the padding of 20 and they have occupied the width needed for the title of the button. Their width doesn't change!</p>
  
  <p><strong>Code for buttons</strong></p>
  
  <pre><code>&lt;View style={styles.buttonContainer}&gt;
  
    &lt;View style={{ paddingLeft: 20 }}&gt;
      &lt;Button title={tick} style={styles.button} onPress color="tomato" /&gt;
    &lt;/View&gt;
  
    &lt;View style={{ paddingLeft: 20 }}&gt;
      &lt;Button title="X" style={styles.button} onPress color="tomato" /&gt;
    &lt;/View&gt;
  
  &lt;/View&gt;
  </code></pre>
  
  <p><strong>CSS for buttons</strong></p>
  
  <pre><code>buttonContainer: {
      flex: 1,
      flexDirection: 'row',
      justifyContent: 'flex-end'
  },
  button: {
      width: 50, // no matter what value I set here, their width doesn't changes
      height: 20,
  },
  </code></pre>