title: How to make <Text /> as watermark of images in React Native
body: <p>To make <code>&lt;Text /&gt;</code> as watermark of images, it shows in official Docs:</p>
  
  <blockquote>
    <p>Background Image via Nesting </p>
    
    <blockquote>
      <p>A common feature request from developers familiar with the web is background-image. To handle this use case, simply create a normal <code>&lt;Image&gt;</code> component and add whatever children to it you would like to layer on top of it.</p>
    </blockquote>
  </blockquote>
  
  <pre><code>return (
      &lt;Image source={...}&gt;
          &lt;Text&gt;Inside&lt;/Text&gt;
      &lt;/Image&gt;
  );
  </code></pre>
  
  <p>I tried, the "Inside" has white background, not the part of the image.</p>
  
  <p>How to make "Inside" as a watermark of the image? Thanks.</p>