"React.Children.only expected to receive a single React element child" error when putting <Image> and <TouchableHighlight> in a <View>
<p>I have the following render method in my React Native code:</p>
<pre class="lang-js prettyprint-override"><code>render() {
    const {height, width} = Dimensions.get('window');
    return (
      &lt;View style={styles.container}&gt;
        &lt;Image 
          style={{
            height:height,
            width:width,
          }}
          source={require('image!foo')}
          resizeMode='cover' 
        /&gt;
        &lt;TouchableHighlight style={styles.button}/&gt;
      &lt;/View&gt;
    );
  }
</code></pre>
<p>It gives me this error:</p>
<blockquote>
<p><code>React.Children.only</code> expected to receive a single React element child</p>
</blockquote>
<p>If I remove the <code>TouchableHighlight</code> component, it works fine. If I remove the Image component, it still gives that error.</p>
<p>I can't see why it gives me this error. <code>&lt;View&gt;</code> should be able to have more than one component inside it for rendering.</p>