how can i get current y value in react-native?

Question

When I run onPress on the TodoItem component, I want to get the position value y where the button is and write it to console.log(index).

but if i use my code this error occure: Cannot read property 'y' of undefined

how can i current position value?

how can i fix my code?

this is my code

(TodoList.js)

    const TodoList = ({}) => {

      const height = Dimensions.get('window').height;
      const flatListRef = useRef()

    return (
      <FlatList
      ref={flatListRef}
        style={{height}}
        renderItem={({item}) => (
          <TodoItem
          style={{height}}
          contentOffset={{x: 0, y: height}}
          onPress={(event) => {
          const index = event.nativeEvent.contentOffset.y
          console.log("index:",index);
          }}
          />
        )

(TodoItem.js)

    import React, { useCallback, useState } from 'react';
    import {FlatList} from 'react-native';


    const TodoItem = ({onPress}) => {


    return (
        
    
    <MainContainer onPress={onPress}>
        <Label>hi</Label>
    </MainContainer>

Answer 1

    import { FlatList , Dimensions } from "react-native"
    const height = Dimensions.get('window').height;
    const flatListRef = useRef()


 const TodoList = (props) => {
    return (
      <FlatList
      ref={flatListRef}
        style={{height}}
        renderItem={({item}) => (
          <TodoItem
          style={{height}}
          contentOffset={{x: 0, y: height}}
          onPress={(event) => {
          const index = event.nativeEvent.contentOffset.y
          console.log("index:",index);
          }}
          />
        )}
     }}

Answer 2

in your 'onPress' event you can get boundingBox data through 'event.target'

const index = event.currentTarget.getBoundingClientRect().y