title: How to render absoulute element inside ListView or FlatList?
body: <p>Here's a fun one i've been poking at for while:</p>
  
  <p>I have a FlatList (same issue with ListView) and I want to render an element INSIDE the internal scrolling container with the following characteristics: </p>
  
  <ul>
  <li>Absolutely Positioned (thus having no effect on position of list elements)</li>
  <li>Position XX distance from top (<code>translateY</code> or <code>top</code>) </li>
  <li>zIndex (above list elements)</li>
  </ul>
  
  <p>The use case is i'm rendering a day view calendar grid with a horizontal bar at the current time position fixed at X distance from the beginning of the internal scrollview so it appears as the user scrolls pass that position.</p>
  
  <p>So far i've tried wrapping wrapping FlatList/ListView with another ScrollView... also tried rendering this element as the header element which only works while the header/footer are visible (trashed when out of view). </p>
  
  <p>Any and all ideas welcomed. :)</p>
  
  <p>Thanks</p>
  
  <p>Screenshot Below (red bar is what i'm trying to render):</p>
  
  <p><a href="https://i.stack.imgur.com/Vos9s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vos9s.png" alt="Day View Calendar Grid"></a>  </p>