我是一个react原生初学者，尽管状态发生了变化，但仍在努力重新呈现组件，以下是我的组件的省略版本：

export default function HomeScreen({ navigation }) {
  const { getItem } = useAsyncStorage("todo");
  const [selectedItems, setSelectedItems] = useState([]);

  function renderCard({ item }) {
    return (
      <TouchableHighlight
        onLongPress={() => {
          setSelectedItems((selectedItems) => [...selectedItems, item.title]);
        }}
        underlayColor="gray"
      >
        <Card
          style={
            selectedItems.includes(item.title)
              ? styles.cardSelected
              : styles.cardNotSelected
          }
        >
          <Card.Title style={styles.cardTitle}>{item.title}</Card.Title>
        </Card>
      </TouchableHighlight>
    );
  }

  useEffect(() => {
    const unsubscribe = navigation.addListener("focus", getTodoList);

    return unsubscribe;
  }, []);

  return (
    <View>
      <FlatList
        refreshing={loading}
        onRefresh={getTodoList}
        style={styles.list}
        data={items}
        renderItem={renderCard}
        keyExtractor={(item) => item.id}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  cardSelected: {
    backgroundColor: "#444333",
  },
  cardNotSelected: {
    backgroundColor: "#ff2f2f",
  },
});

我基本上想改变背景颜色的卡时，卡是长按，任何帮助是赞赏！