DEV Community

Alexandre Freire
Alexandre Freire

Posted on

1

Ciclo de Vida Ionic

(Este post foi publicado em 09/2018, estou apenas movendo do meu site pessoal para o dev.to)

Antes de falar sobre o ciclo de vida ionic, vale lembrar que o Ionic Framework é um kit de ferramentas de interface do usuário de código aberto para a criação de aplicativos móveis e de desktop de alto desempenho e de alta qualidade, usando tecnologias da Web (HTML, CSS e JavaScript).

Diagrama do ciclo de vida:

Alt Text

Em resumo, estes são os eventos do ciclo de vida ionic:

  • ionViewDidLoad: Disparado somente quando uma visão é armazenada na memória. Este evento NÃO é disparado ao entrar em uma exibição que já está em cache. É um bom lugar para tarefas relacionadas ao init.
  • ionViewWillEnter: É acionado ao entrar em uma página antes de se tornar a ativa. Use-o para tarefas que você deseja fazer toda vez que entrar na visualização (definindo ouvintes de eventos, atualizando uma tabela, etc.).
  • ionViewDidEnter: Disparado ao entrar em uma página, depois que ela se torna a página ativa. Bastante semelhante ao anterior.
  • ionViewWillLeave: Despedido quando você sai de uma página, antes de deixar de ser a ativa. Use-o para coisas que você precisa executar toda vez que estiver saindo de uma página (desative os ouvintes de eventos, etc.).
  • ionViewDidLeave: Despedido quando você sai de uma página, depois que ela deixa de ser a ativa. Semelhante ao anterior.
  • ionViewWillUnload: Disparado quando uma exibição será completamente removida (depois de deixar uma exibição não armazenada em cache).

Nav guards

Como faixa bônus, há dois outros métodos poderosos relacionados a esses eventos: nav guards. Esses métodos são focados no controle de acesso à exibição (com fins de autenticação).

  • ionViewCanEnter: Disparado antes de entrar em uma visão, permite que você controle se a visão pode ser acessada ou não (retornando verdadeiro ou falso).
  • ionViewCanLeave: Despedido antes de deixar uma visão, permite controlar se a visão pode ser deixada ou não. É importante destacar que os Guardas de Navegação(Nav guards) são executados antes de qualquer outro método de evento de ciclo de vida.

Para mais informações consulte o site oficial do Ionic.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (0)

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay