title: Creating wrapper component
body: <p>I want to create a wrapper component like this:</p>
  
  <p>Wrapper Component:</p>
  
  <pre><code>class WrapperComponent extends Component {
  
    render() {
      return (
        &lt;Image source={someImage}&gt;
            &lt;App /&gt;
        &lt;/Image&gt;);
    }
  }
  </code></pre>
  
  <p>App:</p>
  
  <pre><code>class App extends Component {
  
    render() {
      return (
        &lt;WrapperComponent&gt;
          &lt;Text&gt;Some text&lt;/Text&gt;
        &lt;/WrapperComponent&gt;
    }
  }
  </code></pre>
  
  <p>I want to use this for the default things like a background image. Is there a way to do this? Sorry I am new in this language.</p>