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 209 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 rodar aplicativo android no celular e debugar pelo browser do PC

Share this on WhatsAppUma dúvida muito comum dos desenvolvedores Ionic é a depuração remota de dispositivos Android.Neste artigo eu irei lhe ensinar como rodar seu aplicativo Ionic no celular e

Mobile 0 Comments

Curso Ionic em português – Aula 10 – Consumindo serviços externos

Share this on WhatsAppAprenda como consumir serviços externos Pessoal, continuando com nossa série de vídeo aulas, hoje iremos criar um aplicativo dos Correios onde poderemos consultar um determinado CEP e

Mobile 0 Comments

Live 02 – Criando um App TODO em Ionic 5

Share this on WhatsAppFala Dev!Hoje estarei realizando uma live as 22 horas onde mostrarei como iniciar no Ionic 5.Criaremos um App do Zero de TODO e aproveitarei para responder dúvidas.

0 Comments

No Comments Yet!

You can be first to comment this post!

Leave a Reply