如何在添加新项时锁定FlatList的contentOffset y位置

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

class MyFlatList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [], // 数据源
      offsetY: 0, // 当前的contentOffset y位置
    };
  }

  // 保存当前的contentOffset y位置
  handleScroll = (event) => {
    const offsetY = event.nativeEvent.contentOffset.y;
    this.setState({ offsetY });
  };

  // 添加新项
  addNewItem = () => {
    const { data } = this.state;
    const newItem = { id: data.length + 1, name: 'New Item' };
    const tempOffsetY = this.state.offsetY; // 保存当前的contentOffset y位置

    // 添加新项到数据源中
    this.setState({ data: [...data, newItem] }, () => {
      // 添加新项后，滚动到之前保存的contentOffset y位置
      this.flatListRef.scrollToOffset({ offset: tempOffsetY });
    });
  };

  render() {
    return (
      <FlatList
        ref={(ref) => (this.flatListRef = ref)}
        data={this.state.data}
        renderItem={({ item }) => <ItemComponent item={item} />}
        keyExtractor={(item) => item.id.toString()}
        onScroll={this.handleScroll}
      />
    );
  }
}