Criação de Sites, Manutenção de Sites e Links Patrocinados - Appearweb

Navegação Entre Páginas Ionic 3: (SetRoot, Push)

Ionic Navigation Set Root e Push

Atualizado: 25/06/2020 - 09:06 | Cadastrado: 19/05/2019 - 07:05
Compartilhe
  • Icone do facebook
  • Icone do whatsapp

Navegação entre páginas Ionic 3: Sobre o Push
O método Push do Ionic trabalha com a estrutura de empilhamento da páginas, isto é, a última página a entrar nessa pilha vai ser a primeira a sair, assim a navegação fica mais ágil.

Confira Também:
- Publicar Aplicativo Ionic Google Play: Criar Ícones;
- Mudar browser (navegador) padrão do Ionic;
- Instalar plugin no Ionc 3;
- Ionic Lifecycle Events: Entenda Cada Evento;


Diferente de uma página web por exemplo, que normalmente é sempre recarregada ao novo acesso no lugar da anterior.

Para ficar mais fácil: Imagina um livro que vamos folheando e paramos em determinada página, existe páginas antes da página que estamos, o aplicativo é a mesma coisa.

Exemplo do código PUSH:
this.navCtrl.push(NOME_DA_PAGINA);


Navegação entre páginas Ionic 3: Sobre o SetRoot

Já o método SetRoot não trabalha com empilhamento, pelo contrario, ele vai remover todas as páginas empulhadas e iniciar uma nova.

Isso é muito útil quando por exemplo, o usuário fez vários empilhamentos e logo depois fez login no aplicativo, não é possível modificar as páginas já empilhadas.

Então é necessário remover todas elas utilizando o SetRoot e depois iniciar novamente um novo empilhamento com uma session já iniciar após o login.

Exemplo do código SetRoot:
this.navCtrl.setRoot(NOME_DA_PAGINA);

Dica: Ótimo curso de Ionic 4!

Aprenda Ionic 4 integrado ao Angular, armazene dados com o Firestore e adicione Login com Facebook e Email e Password!
Criado por Plínio Naves, Frahaan Hussain
>>Conheça o curso clicando aqui!<<

GOSTARIA DE AJUDAR NOSSO SITE? ENTÃO, CURTA OU COMPARTILHE ESSA PÁGINA. SUCESSO E BOM ESTUDO PARA VOCÊ

Ganhe dinheiro com seu Blog

Ganhe dinheiro com seu Blog

Saiba Mais
Mini Site para Rede Social

Mini Site para Rede Social

Saiba Mais
E-Book Grátis: Pegue o Seu Guia Sobre React, View e PHP

E-Book Grátis: Pegue o Seu Guia Sobre React, View e PHP

Saiba Mais
Comece a Ganhar Dinheiro Trabalhando Em Casa Hoje

Comece a Ganhar Dinheiro Trabalhando Em Casa Hoje

Saiba Mais
Aprenda HTML, CSS, JavaScript, Bootstrap, PHP, MySQL na Udemy

Aprenda HTML, CSS, JavaScript, Bootstrap, PHP, MySQL na Udemy

Saiba Mais

Veja Também