Nós vamos começar criando uma pasta dentro de components chamada “Category”

Dentro dela vamos criar uma pasta chamada “CategoryList” e dentro dela vamos criar os arquivos index, não teremos styled aqui.

Vamos fazer a tipagem de “products”, pois será os produtos que estamos recebendo pelas rotas lá em Category, e vamos importar o “Product” de "AllCategories”.

interface CategoryProps {
  products: Product[];
}

const CategoryList = ({ products }: CategoryProps) => {

Agora, a gente vai criar a flatlist

const CategoryList = ({ products }: CategoryProps) => {
  return (
    <FlatList
      data={products}
      renderItem={renderItem}
      showsVerticalScrollIndicator={false}
    />
  );
};

E temporariamente vamos criar o renderItem, para que não fique dando erro no flatlist

const CategoryList = ({ products }: CategoryProps) => {
  const renderItem: ListRenderItem<Product> = ({ item }) => (
    <>
      <View></View>
    </>
  );

  return (
    <FlatList
      data={products}
      renderItem={renderItem}
      showsVerticalScrollIndicator={false}
    />
  );
};

Podemos usar essa lista lá em category

const Category = ({ route }: Props) => {
  console.log(route.params._id);

  return (
    <Container>
      <DefaultTitle title={route.params._id} fontSize={20} />
      <CategoryList products={route.params.products} />
    </Container>
  );
};