Ionic 5 é Lançado!

Ionic 5 é Lançado!

Fala pessoal, sei que ando sumido, mas pretendo nos próximos dias reativar meu blog.
Hoje veio aqui trazer uma grande novidade, nosso famoso Ionic 5 foi lançado agora, no dia 11 de fevereiro de 2020.

Esta versão inclui atualizações de design do iOS 13, uma API nova para criar suas próprias animações personalizadas, Ganhou novos icones e o sistema de cores foram atualizados, permitindo desenvolvedores iniciantes criarem aplicativos incríveis. Também tivemos melhorias na criação e personalização de componentes.

Todas as atualizações chegaram para o Angular, React e Vue.

Sobre a Atualização

Como se trata de uma versão principal você deve está preocupado com a migração de seus projetos.
A equipe disponibiliza uma página com todos os detalhes necessários para te apoiar.
Todos detalhes da versão você pode acompanhar aqui. https://ionicframework.com/docs/intro/versioning

O que mudou?

Como já sabemos a Apple lançou uma nova versão do IOS 13 e mudou o design de seus componentes que ganharam também novas animações.

Titulo Grande e Animado

O titulo agora pode ser grande e quando a rola a tela ele diminui.

Feche o modal deslizando

O Swipe to Close Modal é algo frequentemente visto no iOS agora. Em vez de exibir um modal que cubra a tela inteira e exigir que o usuário toque em um botão para fechá-lo, ele exibirá um modal que está inserido com a página por trás empurrada para trás. Esta atualização também inclui um gesto para arrastar o modal para baixo e fechá-lo.

Nova forma de apresentar o Menu

Nas versões anteriores do iOS, o menu lateral usava um “reveal”menu de texto que empurrava o conteúdo principal para revelar o menu. O novo design do iOS apresenta um menu que sobrepõe o conteúdo a uma animação atualizada.

Mudanças no ícone que atualiza a página

O ícone de atualização no iOS foi atualizado em aplicativos nativos para estar acima de um cabeçalho com um título grande. Além disso, conforme você puxa o conteúdo para baixo, as marcas de seleção giratórias serão gradualmente exibidas até que o conteúdo seja puxado para baixo o suficiente, então, o icone começará a girar.

Melhorias no cabeçalho da lista

As listas no iOS tiveram muitas alterações de design. Mais notavelmente, o cabeçalho da lista agora assume um design mais amplo e arrojado.

modo de luz do cabeçalho da lista modo de luz do cabeçalho da lista

Novas animações

Agora é possível criar animações com o próprio framework sem depender de bibliotecas de terceiros. Para maiores informações clique aqui.

Novo Ionicons e novas cores

Ganhamos uma nova biblioteca de ícones que ficou bem interessante.

Também recebemos novas cores padrão em nosso projeto e um conjunto de cores para trabalhar no modo escuro.

modo de luz do cabeçalho da lista modo de luz do cabeçalho da lista

Ganhamos também novos templates

Ao criar um novo projeto podemos selecionar o template que desejamos, agora o Ionic fornecerá um template muito mais interessante como podemos ver abaixo:

modo de luz de partida em branco modo escuro do iniciador em branco
modo de luz de partida do menu modo escuro do iniciador de menu
modo de luz inicial do separador abas modo escuro do iniciador
modo de luz inicial da lista listar o modo escuro inicial

Quer ficar por dentro de todas as mudanças?
Acesse agora mesmo o site oficial!
https://ionicframework.com/

Se você ainda não sabe nada de Ionic, eu estou sempre dando cupons para que meus alunos realizem o curso de forma gratuita.
Caso tenha interesse, se inscreva em minhas redes sociais que é o meio que notifico os seguidores do site.
https://link.ilovecode.com.br/paulorogerio

Grande abraço a todos e até a próxima!

Previous Quais as diferenças do EF6 para EF Core, será que vale a pena mudar?
Next Como proteger App.Config / Web.Config através do C#

About author

Paulo Rogério
Paulo Rogério 183 posts

Sou apaixonado por tecnologia e adoro criar aplicações desktop, web e mobile. Adoro aprender e compartilhar conhecimento, meu hobby é ajudar as pessoas.

You might also like

O que é Npm, Bower, Gulp, Nuget, TypeScript e Sass?

Share this on WhatsAppVeja o que é e para que serve essas novas ferramentas! Venho hoje através deste post esclarecer o que é e para que serve as ferramentas Npm,

Sem categoria 12 Comments

Xamarin – Como consumir uma api local que roda no IIS Express no emulador

Share this on WhatsAppAprenda a consumir uma api local direto do emulador Hoje venho trazer uma dica bem interessante para vocês, irei explicar como podemos rodar 2 projetos ao mesmo

Mobile 5 Comments

Curso grátis – Criando aplicativos robustos com Ionic

Share this on WhatsAppFala galera, tudo na paz? Hoje venho anunciar mais um curso disponibilizado na Udemy! Desta vez o curso se chama Criando aplicativos robustos com Ionic! Como de

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply