Unable to get y position of render items on Flatlist

Unable to get position of render items on Flatlist

I am trying to get an item’s position in flatlist but it always returns “0”.sample code are attached bellow.

Here is sample code :

<FlatList 
data={["test1","test2","test2"]}
renderItem={({item,index}) => {
return(
<View 
onLayout={(event) => {
  let {x, y, width, height} = event.nativeEvent.layout;
}}
>
<Text>{item}</Text>
</View>
)
}}
 />

Can you please help me to get out from this stuff.

[gaurav107]

Here’s a working example: https://snack.expo.io/@gaurav107/b735d9. Select Android/iOS on the right, and click on the bottom left bar to see the Logs window. I can see the correct (x,y) coordinates getting logged here.

And here’s the documentation for CellRendererComponent

The only difference between CellRendererComponent and renderItem props of FlatList is that renderItem wraps the item in a container <View>, whereas CellRendererComponent doesn’t. Hence, the (x, y) layout coordinates for CellRendererComponent come relative FlatList layout, whereas in renderItem, they come relative to parent <View> and hence are (0, 0).

[gibrangul]

@hramos Is there any update on this issue? I’m still getting { x: 0, y: 0 } from event.nativeEvent.layout in flatlist children onLayout methods.