Bring View on top of Modal using zIndex style with React-Native : <p><code>zIndex</code> has been introduced recently to React-Native to change the position of a <code>View</code> in the stack of layers.</p>

<p>Although, I'm not able to bring a <code>View</code> on top of a <code>Modal</code> component.</p>

<p>My code looks like this:</p>

<pre><code>render() {
  return (
    &lt;View&gt;
      &lt;Modal visible&gt;
        {props.children}
      &lt;/Modal&gt;
      &lt;View style={{ zIndex: 1000 }}&gt;
        &lt;Text&gt;Loading...&lt;/Text&gt;
      &lt;/View&gt;
    &lt;/View&gt;
  );
}
</code></pre>

<p>I guess I could stop using <code>&lt;Modal&gt;</code> and create a regular animated <code>&lt;View&gt;</code> that would behave like the <code>Modal</code>, but I'd rather find another solution.</p>

<p>Any idea?</p>
