title: react native render a element outside the component boundary
body: <p>I want to render a button outside of the component's boundary. How can I do that? I have the styles looks like as shown below. The negative position works but the button get hidden by a sibling component. In the below image, the blue color is a sibling component. You can see the round button positioned in negative is hidden by the sibling component. Why? how can make it visible? I tried zIndex, but looks like it works only within the same component. </p>
  
  <p>If the above question is not clear, let's say A, B, C are three components. A is the parent and, B and C are child components. I want to render a button from B and it must overlay on top of B. I don't want to render the button from component A. Any help appreciated. </p>
  
  <p><a href="https://i.stack.imgur.com/cd1fl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cd1fl.png" alt="enter image description here"></a></p>
  
  <pre><code>Btn: {
  position: 'absolute',
  zIndex: 1000000,
  width: 50,
  height: 50,
  top: -27,
  left: 20,
  backgroundColor: 'red'
  },
  </code></pre>