react-native - React Native FlatList Item onLayout 总是返回 y : 0, x: 0

Question

我想知道 FlatList 中每个项目的值 y，但是，它总是返回 0，是否有任何代码错误？ (ScrollView 返回正确的值)

function getLayout(event, id) { 
    const { y } = event.nativeEvent.layout;
    console.log("y: " + y + "| id: " + id);
    console.log(event.nativeEvent);    
}

function Item({ id, img }) {
    return (
        <View style={styles.imageBoxContainer} onLayout={(event) => getLayout(event, id)} >
            <Image source={img} />          
        </View>
    );
}  

<FlatList
    data={DATA}
    renderItem={({ item }) => <Item img={item.img} id={item.id}/>}
    keyExtractor={item => item.id}
/>

Answer 1

使用 CellRendererComponent 而不是 renderItem 并且您应该能够看到 x、y 被正确填充。