React Native -如何选择多个项目并显示它们？

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

const projects = [
  { id: 1, name: '项目1' },
  { id: 2, name: '项目2' },
  { id: 3, name: '项目3' },
  // 添加更多项目...
];

const ProjectList = () => {
  const [selectedProjectId, setSelectedProjectId] = useState(null);

  // 其他代码...
};

const ProjectList = () => {
  const [selectedProjectId, setSelectedProjectId] = useState(null);

  const renderItem = ({ item }) => (
    <View
      style={{
        padding: 10,
        backgroundColor: item.id === selectedProjectId ? 'lightblue' : 'white',
      }}
    >
      <Text>{item.name}</Text>
    </View>
  );

  return (
    <FlatList
      data={projects}
      renderItem={renderItem}
      keyExtractor={(item) => item.id.toString()}
      extraData={selectedProjectId}
    />
  );
};

const renderItem = ({ item }) => (
  <View
    style={{
      padding: 10,
      backgroundColor: item.id === selectedProjectId ? 'lightblue' : 'white',
    }}
    onTouchStart={() => setSelectedProjectId(item.id)}
  >
    <Text>{item.name}</Text>
  </View>
);