title: Programmatically add a component in React Native
body: <p>Suppose I have a simple React Native app like so:</p>
  
  <pre><code>'use strict';
  
  var React = require('react-native');
  var {
    AppRegistry,
    Text,
    TouchableHighlight,
    View,
  } = React;
  
  var ReactProject = React.createClass({
    _onPressOut: function() {
      // What do we do here?
    },
  
    render() {
      return (
        &lt;View&gt;
          &lt;Text&gt;This text should be before&lt;/Text&gt;
          &lt;Text&gt;This text should be after&lt;/Text&gt;
          &lt;TouchableHighlight onPressOut={this._onPressOut}&gt;
            &lt;Text&gt;Tap Me&lt;/Text&gt;
          &lt;/TouchableHighlight&gt;
        &lt;/View&gt;
      );
    }
  });
  
  AppRegistry.registerComponent('ReactProject', () =&gt; ReactProject);
  </code></pre>
  
  <p>How can I dynamically insert a component between the first and second <code>Text</code> tags when the <code>TouchableHighlight</code> is pressed?</p>