BottomNavigationBar e Navigator.push é possível?

Oi Marcelo, tudo bem?

No Flutter, quando utilizamos o Navigator.push, estamos adicionando uma nova tela à pilha de telas do aplicativo. Isso significa que, se você usar o Navigator.push para ir da Tela1 para a Tela2 e depois usar novamente o Navigator.push para voltar para a Tela1, você estará adicionando uma nova instância da Tela1 à pilha. Isso pode gerar um loop de telas e, consequentemente, um consumo desnecessário de recursos.

A melhor prática, nesse caso, seria utilizar o Navigator.pop, que remove a tela atual da pilha e retorna para a tela anterior. Isso evita a criação de novas instâncias de uma tela que já existe na pilha.

Quanto ao uso do BottomNavigationBar em conjunto com o Navigator, é possível sim. O BottomNavigationBar é apenas uma forma de navegação que pode ser utilizada em conjunto com o Navigator. Você pode definir ações para cada botão do BottomNavigationBar que realizam o Navigator.push para a tela correspondente.

Por exemplo, ao clicar no botão "Tarefas" do BottomNavigationBar, você pode fazer algo como:

onTap: () {
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => TelaTarefas(),
    ),
  );
}

E na TelaTarefas, você pode ter um AppBar com um botão de voltar que realiza o Navigator.pop, retornando para a tela anterior.

Espero que isso ajude a esclarecer sua dúvida e te dê uma ideia do que fazer.

Um abraço e bons estudos.

Bom dia Lorena,

Muito obrigado pela atenção e explicação dada, eu acredito que consegui resolver essa questão com base nas suas orientações. Conforme comentei, vou contar um pouco, assim fica de histórico caso alguém venha ter essa mesma questão.

Eu inclui o Bottom Navigator Bar e fiz extamente as instruções que o professor Matheus deu na Aula 11 do Módulo 2 do Curso Flutter Aplicando Constraints Layouts Responsivos, só que como eu disse, ele abre as demais telas dentro da Home, e eu quero que ele abra sobre, ai fiz isso no meu código no BottomNavigationBarItem:

onTap: (int index) {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => pages.elementAt(index),
          ),);
        },

Utilizo uma lista conforme mencionado na aula. Pelo menos no simulador funcionou, não sei pequei com as boas práticas, mas funcionou =) Obrigado mais uma vez.