title: React Native view scaling
body: <p>So I'm developing a cross platform React Native app, the app is using allot of images as buttons as per design requirements that need to be given an initial height and width so that their aspect ratios are correct. From there I've built components that use these image buttons and then placed those components on the main screen. I can get things to look perfect on one screen by using tops and lefts/ rights to get the components positioned according to the design requirements that I've been given.</p>
  
  <p>The problem I'm running into is now scaling this main screen for different screen sizes. I'm basically scaling the x and y via the transform property on the parent most view as such. <code>transform: [{ scaleX: .8 }, { scaleY: .8 }]</code>  After writing a scaling function that accounts for a base height and current height this approach works for the actual size of things but my positioning is all screwy. </p>
  
  <p>I know I'm going about this wrong and am starting to think that i need to rethink my approach but am stumped on how to get these components positioned correctly on each screen without having to hard code it.</p>
  
  <p>Is there any way to position a view using tops and lefts/rights, lock that in place, then scale it more like an image?</p>