React Native - get the position of a component in a view

Question

I am trying to get the position of a component in react native.

Let's say I have a view:

<ScrollView>
    lots of items...
    lots of items...
    lots of items...
    <View></View>
</ScrollView>

Eventually I want to eventually scroll the list to where the View is.

This link shows how to get the position using the native ui manager, however when run it returns:

"Attempted to measure a layout, but the offset or dimensions were NaN"

I tried

this.refs.VIEW.measure((ox, oy, width, height, px, py) => {
    //ox ... py all = 0
});

+3

Lfa Jul 24 15 at 18:16

2 answers

You might want to use the onLayout callback in the View component. setTimeout might not work 100% of the time.

<View onLayout={this.measureMyComponent} />

+8

zero Apr 07 16 at 19:28

Colin ramsay · Accepted Answer · 2015-07-25T09:12:50+0000

Sometimes, if you use a measure in componentDidMount, you have to wrap it in setTimeout:

setTimeout(() => {
    this.refs.VIEW.measure((ox, oy, width, height, px, py) => {
    });
}, 0);