title: React Native: Device Independent grid of squares with flexbox
body: <p>I'd like to display the same grid with squares independently if the user has an iPad or an iPhone, growing the square sizes accordingly.</p>
  
  <p>I do not want to detect the device and change the width and height of the squares based on the screen size.
  Is it possible to use only the css flex capabilities of React Native?</p>
  
  <p><a href="https://i.stack.imgur.com/kiywS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kiywS.png" alt="Grid Example"></a></p>
  
  <p>Here the 
  <a href="https://rnplay.org/apps/A-s9xw" rel="nofollow noreferrer">rnplay example</a></p>