title: "React.Children.only expected to receive a single React element child" error when putting <Image> and <TouchableHighlight> in a <View>
body: <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>