goBack() TÁ INVISIVEL, O BOTÃO É CLICAVEL MAS NÃO APARECE

Olá Pedro!

Pelo que entendi, você está enfrentando um problema com o botão de voltar (goBack()) no seu aplicativo React Native. O botão está clicável, mas não aparece na tela.

Pelo contexto fornecido, parece que você está tentando remover os headers das suas telas para deixar o aplicativo mais limpo. No entanto, ao remover os headers, você também está perdendo a funcionalidade de navegação de volta.

Para resolver esse problema, você precisa tentar adicionar a funcionalidade de voltar manualmente ao botão de voltar. No componente "Topo.js", onde está o botão de voltar, você pode usar a função useNavigation do React Navigation para obter a referência da navegação e, em seguida, chamar a função goBack() para voltar para a tela anterior.

Aqui está um exemplo de como fazer isso:

import { useNavigation } from '@react-navigation/native';

const Topo = () => {
  const navigation = useNavigation();

  const handleVoltar = () => {
    navigation.goBack();
  };

  return (
    <TouchableOpacity onPress={handleVoltar}>
      {/* Aqui vai o conteúdo do botão de voltar */}
    </TouchableOpacity>
  );
};

export default Topo;

Certifique-se de importar corretamente a função useNavigation do pacote @react-navigation/native. Em seguida, dentro do componente Topo, você pode usar a função useNavigation para obter a referência da navegação e, em seguida, definir uma função handleVoltar que chama navigation.goBack() quando o botão de voltar é pressionado.

Dessa forma, mesmo que o header não esteja sendo exibido na tela, você ainda terá a funcionalidade de voltar para a tela anterior.

Espero ter ajudado e bons estudos!