在React native中将项目添加到列表

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

const ProjectList = () => {
  const [projects, setProjects] = useState([
    { id: 1, name: 'Project 1', description: 'Description 1', image: 'image1.jpg' },
    { id: 2, name: 'Project 2', description: 'Description 2', image: 'image2.jpg' },
    { id: 3, name: 'Project 3', description: 'Description 3', image: 'image3.jpg' },
  ]);

  const addProject = () => {
    const newProject = { id: projects.length + 1, name: 'New Project', description: 'New Description', image: 'newimage.jpg' };
    setProjects([...projects, newProject]);
  };

  const renderProjectItem = ({ item }) => (
    <View>
      <Text>{item.name}</Text>
      <Text>{item.description}</Text>
      <Image source={{ uri: item.image }} style={{ width: 100, height: 100 }} />
    </View>
  );

  return (
    <View>
      <FlatList
        data={projects}
        renderItem={renderProjectItem}
        keyExtractor={(item) => item.id.toString()}
      />
      <Button title="Add Project" onPress={addProject} />
    </View>
  );
};

export default ProjectList;