title: Can't put View over chart
body: <p>I'm trying to bring a custom <code>View</code> in front of a <code>SmoothLine</code>, but either the <code>Smoothline</code> is moving below the <code>View</code> or the <code>Smoothline</code> is - I'm not sure, but it seems to be like - overlapping the <code>View</code>.</p>
  <p>I'm using <code>react-native-pathjs-charts</code> for generating the chart.</p>
  <p>Here are the current code snippets and its results:</p>
  <pre><code>  &lt;View style={styles.viewStyle}&gt;
      &lt;View style={styles.contentViewStyle}&gt;
        &lt;Text style={styles.bigNumberStyle}&gt;2.202.122 €&lt;/Text&gt;
        &lt;Text style={styles.typeStyle}&gt;UMSATZ&lt;/Text&gt;
      &lt;/View&gt;
      &lt;SmoothLine data={data} options={options} xKey=&quot;x&quot; yKey=&quot;y&quot; /&gt;
    &lt;/View&gt;
  </code></pre>
  <p>Leads to:
  <a href="https://i.stack.imgur.com/sQHNf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sQHNf.png" alt="enter image description here" /></a>
  When I move the <code>View</code> inside the <code>Smoothline</code> as a child, the following happens:</p>
  <pre><code> &lt;View style={styles.viewStyle}&gt;
          &lt;SmoothLine data={data} options={options} xKey=&quot;x&quot; yKey=&quot;y&quot;&gt;
            &lt;View style={styles.contentViewStyle}&gt;
              &lt;Text style={styles.bigNumberStyle}&gt;2.202.122 €&lt;/Text&gt;
              &lt;Text style={styles.typeStyle}&gt;UMSATZ&lt;/Text&gt;
            &lt;/View&gt;
          &lt;/SmoothLine&gt;
        &lt;/View&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/evECL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/evECL.png" alt="enter image description here" /></a></p>
  <p>Is there any way to bring the <code>View</code> to front that it overlaps the chart?</p>
  <p>PS: It would be nice if it was possible without <code>react-native-overlay</code>.</p>