title: React Native - Sticky footer at the bottom of container
body: <p>I'm trying to make a <code>&lt;View&gt;</code> called <code>footer</code> stick at the bottom of the <code>right</code> container.</p>
  
  <p>Here is a live example:<br>
  <a href="https://rnplay.org/apps/G3rHqQ" rel="nofollow noreferrer">https://rnplay.org/apps/G3rHqQ</a></p>
  
  <p>If I make the left container higher than the right one then it won't work. If the right container is higher than the left one then it works....</p>
  
  <p><a href="https://i.stack.imgur.com/lqF3a.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lqF3a.png" alt="enter image description here"></a></p>
  
  <p>The red and orange elements are dynamic, have different height depending on their content. The blue one, instead, should always stick to the bottom of the right container.</p>
  
  <p>I have also tried with <code>position: 'absolute'; bottom:0; left: 0; right: 0;</code> and it does stick to the bottom but only IF the right container is higher than the left one.</p>