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

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

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Ê

imagem do e-book grátis full-strack

[GRÁTIS] Guia Completo Para Se Tornar um(a) Desenvolvedor(a) Full-Stack: HTML, CSS, JS, Node, Angular e PHP!

Acesse Aqui
imagem do e-book grátis full-strack

[GRÁTIS] Viver de Negócios Online, Guia Completo Para Iniciar No Mercado Digital!

Acesse Aqui
imagem Projeto 1.0: Botão Gerenciável do Whatsapp

[GRÁTIS] Está Apreendendo HTML, CSS, PHP ou MySQL? Projeto 1.0: Botão Gerenciável do Whatsapp

Acesse Aqui

Desenvolvimento Ionic: Posts Relacionados

Appear Web - Criação de sites e links patrocinados - 2020