title: Overlapping Elements Style in React Native?
body: <p>I want to create Overlapping Elements using React Native.</p>
  
  <p>An example can be Trixie App as follows - </p>
  
  <p><a href="https://i.stack.imgur.com/womdO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/womdO.png" alt="enter image description here"></a></p>
  
  <p>I want to create a box like that in-between blue &amp; white color. </p>
  
  <p>Can it be done using Flexbox or do we need Absolute Positioning ? Bcz if I create using Absolute positioning, lets assume I give it <code>height:100</code> (the blue color) then the <code>white</code> chat box might not be halfway up &amp; down on various devices depending on their screen dimensions.</p>
  
  <p>Also how to make it so that its responsive on various devices like Tablets, etc ?</p>