title: Nativescript translateY different on Android and iOS
body: <p>I am creating a <a href="https://www.nuvious.com/posts/multiple-frames-in-nativescript" rel="nofollow noreferrer">BottonShet</a> component  in Nativescript-Vue. The problem I have is the following:</p>
  <p>Uploading the frame using translateY or animation behaves differently on iOS and Android.</p>
  <p>I have a component:</p>
  <p>In the botton sheet I have an element that is 150 high. If I apply a</p>
  <blockquote>
  <p>frame.translateY = Screen.mainScreen.heightDIPs  - 150</p>
  </blockquote>
  <p>in android it reaches a high and in ios it reaches another. What's going on here? How can I calculate a height so that it is the same in all phones from 150 and the screen height?</p>
  <p><a href="https://i.stack.imgur.com/JsDwJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JsDwJ.png" alt="enter image description here" /></a></p>
  <p>In this <a href="https://docs.nativescript.org/angular/ui/ng-components/animations" rel="nofollow noreferrer">documentation</a> it says that the translate of the animation is measured in DIPs so this should work well on all devices.</p>
  <p>In the <a href="https://www.nuvious.com/posts/multiple-frames-in-nativescript" rel="nofollow noreferrer">mentioned tutorial</a>, it makes an if to apply one height or another depending on the platform, I don't want that, I want to be able to calculate so I don't have to be testing on all devices.</p>
  <p>Thanks a lot.</p>