As of React Native 0.4.2, View components have an onLayout
prop. Pass in a function that takes an event object. The event’s nativeEvent
contains the view’s layout.
<View onLayout={(event) => {
var {x, y, width, height} = event.nativeEvent.layout;
}} />
The onLayout
handler will also be invoked whenever the view is resized.
The main caveat is that the onLayout
handler is first invoked one frame after your component has mounted, so you may want to hide your UI until you have computed your layout.