如何在react native中推送FlatList中的TextInput？

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

const MyComponent = () => {
  const [data, setData] = useState([]);

  const renderItem = ({ item }) => {
    return (
      <TextInput
        value={item.text}
        onChangeText={(text) => handleTextChange(text, item.key)}
      />
    );
  };

  const handleTextChange = (text, key) => {
    const newData = [...data];
    const itemIndex = newData.findIndex((item) => item.key === key);
    newData[itemIndex].text = text;
    setData(newData);
  };

  return (
    <View>
      <FlatList
        data={data}
        renderItem={renderItem}
        keyExtractor={(item) => item.key}
      />
    </View>
  );
};

export default MyComponent;

import React from 'react';
import MyComponent from './MyComponent';

const App = () => {
  const data = [
    { key: '1', text: '' },
    { key: '2', text: '' },
    { key: '3', text: '' },
  ];

  return <MyComponent data={data} />;
};

export default App;