Google lança Flutter 2: o que há de novo nele

O Google lançou a versão 2.0 do Flutter – um kit de desenvolvimento de interface do usuário de código aberto que permite que os criadores de aplicativos criem aplicativos multiplataforma. A atualização destaca um pacote totalmente novo de recursos e portabilidade aprimorada do Flutter para oferecer suporte a aplicativos em diversas plataformas.

Hoje, vamos explorar o que o Flutter 2 tem a oferecer. Leia o blog até o final.

Flutter 2: uma visão geral completa

Suporte da Web

O suporte web de ponta do Flutter é a declaração mais importante no evento de lançamento do Flutter 2 no Flutter Engage. Anteriormente, a base da web era principalmente centrada em documentos. Agora, APIs de plataforma ricas facilitam o desenvolvimento de aplicativos sofisticados usando APIs de pintura, gráficos 2D e 3D acelerados por hardware e layout flexível.

O Flutter 2 oferece suporte web estável que oferece a mesma experiência na web que se pode obter em dispositivos móveis. Os especialistas em serviços de desenvolvimento de aplicativos móveis podem criar aplicativos para Android, iOS e navegador usando a mesma base de código. É possível compilar códigos existentes do Flutter escritos no Dart em uma excelente experiência na web porque, com o Flutter 2, a web é apenas outro destino de dispositivo para seu aplicativo.

A nova versão se concentra em 3 cenários de aplicativos:

• Aplicativo de página única (SPA)
• Aplicativo Web Progressivo (PWA)
• Trazendo aplicativos móveis baseados em Flutter existentes para a web e oferecendo a mesma experiência

O Flutter não transpila para os equivalentes HTML de seus widgets. Em vez disso, o mecanismo da web do Flutter oferece uma escolha entre dois renderizadores:

1. Um renderizador CanvasKit que utiliza WebGL e WebAssembly para renderizar os comandos de pintura Skia na tela do navegador
2. Um renderizador de HTML otimizado para ampla compatibilidade e tamanho

Uma demonstração do Flutter Plasma também foi criada para mostrar a facilidade de criar uma experiência gráfica da Web sofisticada com o Dart que pode ser executada perfeitamente em dispositivos móveis e desktops.

A comunidade também adicionou alguns recursos específicos da Web, como preenchimento automático de texto, manifestos de PWA e controle sobre URLs de roteamento e barra de endereço.

Suporte para computadores

Ainda está em estado beta, a versão estável pode ser lançada ainda este ano. No entanto, vamos dar uma olhada no que ele tem para oferecer.

Para navegadores de desktop, a comunidade adicionou atalhos de teclado, barras de rolagem interativas, suporte a leitor de tela para facilitar a acessibilidade no Chrome OS, Windows e macOS e aprimorou a densidade de conteúdo padrão no modo de desktop.

O Google fez vários aprimoramentos - trazendo o desktop Flutter para uma ótima qualidade, garantindo que a edição de texto ofereça uma experiência nativa em cada plataforma suportada, integrando recursos fundamentais, como pontos de pivô de seleção de texto, etc. Ele também adicionou um menu de contexto embutido ao TextField e Widgets TextFormField para linguagens de design Cupertino e Material. Alças de captura são adicionadas ao widget ReorderableListView.

O widget da barra de rolagem atualizado fornece vários recursos atraentes que você pode usar na área de trabalho. O Flutter 2 também permite o gerenciamento de argumentos de linha de comando para aplicativos Flutter. Dessa forma, coisas como clicar duas vezes em um arquivo de dados no Windows File Explorer podem ser usadas para abrir um arquivo no aplicativo.

Correção de vibração

Flutter Fix é uma coleção de várias coisas. Possui uma linha de comando exclusiva da ferramenta Dart CLI conhecida como Dart Fix. Ajuda procurar a lista de APIs obsoletas e atualizar o código com elas. Ele também permite o acesso à lista de correções acessíveis que vem com o Flutter SDK.

Além disso, possui um conjunto atualizado de extensões Flutter para Android Studio IDE, VScode e IntelliJ que podem apresentar uma lista semelhante de soluções acessíveis e ajudar os desenvolvedores a alterar códigos simplesmente usando o mouse.

Portabilidade estendida

O Google destaca 3 equipes recentes que apresentam a portabilidade maximizada do Flutter.

Em primeiro lugar, a Microsoft estenderá seu suporte ao Flutter. Juntamente com a recente colaboração para oferecer suporte ao Windows de qualidade premium no Flutter, a Microsoft também contribuirá para o mecanismo Flutter que facilita o desenvolvimento de aplicativos para dispositivos Android dobráveis.

Em segundo lugar, a Canonical está se juntando ao Google por trazer o Flutter para o desktop. Ele dará suporte ao desenvolvimento e implantação de aplicativos no Linux. A Canonical promete oferecer uma experiência soberba em várias configurações de hardware.

Por fim, a Toyota – fabricante líder de veículos – declarou adotar algumas estratégias inovadoras para oferecer uma experiência digital de última geração aos carros, criando vários sistemas de infoentretenimento habilitados pelo Flutter. A Toyota procurou contratar o desenvolvedor Flutter devido ao sistema de toque de nível de smartphone do Flutter, iteração rápida, ergonomia do desenvolvedor e alto desempenho consistente. As APIs incorporadas do Flutter permitirão que a Toyota personalize o Flutter e atenda aos requisitos de construção de sistemas de infoentretenimento de ponta.

Adicionar ao aplicativo

O Flutter 2 visa reduzir a carga de trabalho dos desenvolvedores em qualquer agência de desenvolvimento de aplicativos, garantindo resultados de alta qualidade. Add-to-App é mais um recurso para destacar esse objetivo.

Os desenvolvedores podem adicionar o Flutter a um aplicativo Android ou iOS existente. O recurso Add-to-App é uma ótima maneira de reutilizar o código Flutter em ambas as plataformas enquanto armazena o banco de dados nativo atual. Com essa mudança, o Google sugere uma possível integração do mecanismo Flutter em aplicativos nativos.

Flutter Folio

Como já discutimos, o Flutter agora suporta 3 plataformas – Android, iOS e web e mais 3 em beta – Windows, Linux e macOS. Como é possível criar um aplicativo que muda para várias formas (telas pequenas, grandes e médias), vários idiomas (web, mobile e desktop) e vários modos de entrada (teclado, mouse e touch)?

Flutter Folio dá uma resposta a esta pergunta.

Flutter Folio é um aplicativo de scrapbooking projetado para apresentar os recursos do Flutter para criar aplicativos que funcionam perfeitamente em todas as plataformas e dispositivos: Android, iOS, Mac, Windows, Linux e Web. É um exemplo perfeito de um aplicativo adaptável, construído em colaboração com o gskinner e a equipe Flutter.

Flutter DevTools

O Flutter DevTools é usado para depurar os aplicativos Flutter. Um novo recurso introduzido que se concentra em qualquer problema antes mesmo de iniciar o DevTools é a capacidade do IntelliJ, Android Studio ou Visual Studio Code de perceber sempre que houver uma exceção e oferecer apresentá-la no DevTools para iniciar o processo de depuração.

Ao executar o DevTools, novos emblemas de erro nas guias ajudam a rastrear vários problemas no aplicativo.

No DevTools, foi adicionada outra nova função que permite ver uma imagem facilmente em uma resolução mais alta do que a apresentada. Isso ajuda a reduzir o uso extra de memória e o tamanho do aplicativo. Os desenvolvedores podem permitir que o Invert Oversized Images no Flutter Inspector ative esse recurso.

O Google também adicionou a capacidade de exibir layouts fixos. Isso permite que os desenvolvedores depurem diferentes tipos de layouts.

Outros recursos disponíveis no Flutter DevTools 2 incluem o seguinte:

• A visualização Performance agora foi renomeada para CPU Profiler. Da mesma forma, a exibição Linha do tempo é renomeada para Desempenho. As mudanças destacam as funcionalidades que eles oferecem.
• Os novos gráficos de visualização de memória são menores, mais fáceis de usar e mais rápidos. Ele incorpora um novo hovercard que explica as atividades em um horário específico.
• As funcionalidades de pesquisa e filtragem são adicionadas à guia Logging.
• Os dados médios de FS e vários aprimoramentos de usabilidade estão incluídos no gráfico de quadros Flutter.
• A grade de tempo está incluída nos gráficos de chama do CPU Profiler.
• O formulário Tracklogs é iniciado para que os desenvolvedores possam verificar o histórico total de logs ao iniciá-lo.
• As solicitações de rede malsucedidas serão chamadas no criador de perfil de rede para correção instantânea.

Anúncios para celular do Google para Flutter

O Google anuncia o lançamento beta do Google Mobile Ads for Flutter. O novo SDK funciona bem com a AdMob e o AdManager para oferecer diferentes formatos de anúncio, incorporando anúncios em banner, nativos, intersticiais e em vídeo premiado.

O Google também declarou várias atualizações nos plug-ins Flutter para os principais serviços do Firebase, como Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, integrando assistência para segurança nula sólida, bem como uma atualização do Cloud Messaging Package.

Dardo 2.12

Esta é mais uma revelação significativa do Google. O Dart 2.12 suporta segurança nula de som. Ele tem o potencial de remover qualquer exceção de referência nula. Dessa forma, ele garante no desenvolvimento e no tempo de execução que os tipos podem conter apenas valores nulos, caso um desenvolvedor selecione expressamente.

A atualização também inclui uma aplicação consistente de FFI (Foreign Function Interface). Ele permite que os desenvolvedores usem a biblioteca dart:ffi para chamar APIs C nativas.

Hora de encerrar

Como você pode ver, o Flutter 2 está trazendo algumas mudanças inovadoras no campo do desenvolvimento de aplicativos. A linha entre o uso de uma web e um aplicativo móvel está diminuindo gradualmente em favor de oferecer uma excelente experiência ao usuário de diversas plataformas e dispositivos. Se você quiser seguir o fluxo, é hora de criar um aplicativo com o Flutter 2!