title: React native shows incorrect element measures
body: <p>I just want to get the measurements of this element, unreal.</p>
  
  <p>The element </p>
  
  <pre><code>&lt;View style={styles.top}&gt;
      &lt;Animated.View
          style={[styles.textWrapper]}&gt;
          &lt;Text
              onLayout={(event) =&gt; {
                  this.layout = event.nativeEvent.layout;
              }}
              style={[styles.text]}&gt;Hola&lt;/Text&gt;
      &lt;/Animated.View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>Styles : </p>
  
  <pre><code>top: {
      flex: 1,
      alignItems: "center",
      justifyContent: "center",
  },
  textWrapper: {
      justifyContent: "center",
  },
  text: {
      position: 'absolute',
      fontSize: 60
  }
  </code></pre>
  
  <p>And then I'm logging the element's measures inside the <code>componentDidMount</code></p>
  
  <pre><code>componentDidMount(){
      setTimeout(()=&gt;{
      const {x, y, height, width} = this.layout;
      console.log('x, y, height, width', x, y, height, width);
  
  
      })
  </code></pre>
  
  <p>/// 0 , -35.23232323 , 75.3434234234 ,32.22323434
      }</p>
  
  <p><a href="https://snack.expo.io/By7bLFenM" rel="nofollow noreferrer">Here's the snack</a></p>
  
  <p>Even though visually, the element is somewhere in the center of the screen, you can see that the numbers are totally wrong. </p>
  
  <p>How can <code>y</code> even be negative when I can see the element is on the screen?</p>
  
  <p><a href="https://i.stack.imgur.com/bgdIX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bgdIX.png" alt="enter image description here"></a></p>