title: Component styling in react-native not rendering consistently within application
body: <p>When viewing my react-native application on an iphone 6 or 6s my some of my components render to the screen as different sizes, or are not visible or flicker between these states. See the following image of <code>borderWidth: StyleSheet.hairlineWidth</code> (taken as a screenshot off of my device)
  <a href="https://i.stack.imgur.com/JbNyy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JbNyy.png" alt="borderWidth: .3"></a><a href="https://i.stack.imgur.com/fjxI5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fjxI5.png" alt="borderWidth: .3"></a></p>
  
  <p><strong>What is the best approach for ensuring that my components' styling renders consistently in my iOS application?</strong></p>
  
  <p><strong>UPDATE:</strong>
  This issue does not only pertain to <code>borderWidth</code>... I was able to reproduce on my device with a <code>View</code> component, <code>backgroundColor</code> and <code>height:1</code>. </p>
  
  <p>see basic example here: <a href="https://rnplay.org/apps/xUYNIQ" rel="nofollow noreferrer">https://rnplay.org/apps/xUYNIQ</a> (issue visible in emulator is the same issue I am having in my application on my iphone6)</p>