title: How to add a button in React Native?
body: <p>I´m confused with this whole "no CSS" thing, but I understand why it's beneficial. All I want to do is place a button in the middle of the screen but I don't understand how styling works in React yet. This is my code:</p>
  
  <pre><code>var tapSpeed = React.createClass({
    render: function() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Text style={styles.welcome}&gt;
            Tap me as fast as you can!
          &lt;/Text&gt;
          &lt;View style={styles.button}&gt;
          !
          &lt;/View&gt;
        &lt;/View&gt;
      );
    }
  });
  
  var styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#FFCCCC'
    },
    welcome: {
      fontSize: 20,
      textAlign: 'center',
      margin: 10
    },
    button: {
      textAlign: 'center',
      color: '#ffffff',
      marginBottom: 7,
      border: 1px solid blue,
      borderRadius: 2px
    }
  });
  </code></pre>