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 212 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

Mobile 0 Comments

Como mudar o tema do aplicativo no Ionic 5

Share this on WhatsAppFala dev! Dia 15 de outubro as 20hr, irei mostrar como podemos trocar o tema do nosso aplicativo em Ionic Framework 5. Acompanhe a live através do

Mobile 0 Comments

Curso criando aplicativo Uber com Ionic 2

Share this on WhatsAppAprenda criar um aplicativo igual do Uber com Ionic 2 Fala galera, um tempo atrás um sujeito chegou até a mim e me pediu para criar um

Qual o melhor framework html5?

Share this on WhatsAppConstrua sites com componentes e funcionalidades mais ricas No poste de hoje venho abordar um assunto que vem atraindo cada vez mais a atenção dos desenvolvedores front-end

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply