React本机FlatList项onLayout始终返回y: 0，x: 0

import React, { useRef } from 'react';
import { FlatList, View, Text, StyleSheet } from 'react-native';

const MyFlatList = ({ data }) => {
  const flatListRef = useRef(null);

  const renderItem = ({ item }) => (
    <View onLayout={(event) => {
      const { x, y, width, height } = event.nativeEvent.layout;
      console.log(`Item layout: x=${x}, y=${y}, width=${width}, height=${height}`);
    }} style={styles.item}>
      <Text>{item.title}</Text>
    </View>
  );

  return (
    <FlatList
      ref={flatListRef}
      data={data}
      renderItem={renderItem}
      keyExtractor={(item, index) => index.toString()}
      getItemLayout={(data, index) => (
        {length: 50, offset: 50 * index, index}
      )}
    />
  );
};

const styles = StyleSheet.create({
  item: {
    height: 50,
    justifyContent: 'center',
    alignItems: 'center',
    borderBottomWidth: 1,
    borderBottomColor: '#ccc',
  },
});

export default MyFlatList;