Marvelapp

index.tsx

{/* 
  O método onPress será o responsável pela navegação da página Home 
  para a página Deail, também estamos enviando como paramêtro um objeto
  chamado character, que contém todas as informações do personagem.
*/}

<ScrollView horizontal showsHorizontalScrollIndicator={false}>
  {characters
    .filter((character) => character.category === "heroes")
    .map((character) => (
      <TouchableOpacity
        key={String(character.id)}
        onPress={() => navigation.navigate("Detail", { character })}
        activeOpacity={0.6}
      >
        <Card
          name={character.name}
          alterEgo={character.alterEgo}
          imagePath={character.imagePath}
        />
      </TouchableOpacity>
    ))}
</ScrollView>