Com licença senhor. Tem um minuto para ouvir a palavra do Flutter ? - Web, Desktop, Null Safety e muito mais!

Hoje aconteceu o Flutter Engage, o evento focado em anunciar as novidades do Flutter e Dart. E para celebrar a minha felicidade e entusiasmo com eles, eu vou contar para vocês todas essas novidades que o time trouxe pra comunidade.

Antes de começar, veja a abertura do evento:

 Alguns frameworks de UI impõem restrições rígidas na sua criação. Limitam sua criatividade. Mas com o Flutter você pode criar experiências incríveis que destacam sua marca e design. O Flutter é rápido, ele compila em código de máquina, mas graças ao Hot Reload você ainda tem a produtividade de ambientes interpretados, o que possibilita que você faça mudanças enquanto o aplicativo está e em execução e possa ver os resultados imediatamente.

Além disso, o Flutter é aberto, ou seja, possui milhares de pessoas da comunidade contribuindo com o desenvolvimento do Framework. E a grande novidade do Flutter 2 é a sua ampliação para ser um framework portátil. Ou seja, você poderá ter uma aplicação em diversas plataformas com pouca ou nenhuma mudança no código.

Já existem mais de 150.000 aplicativos Flutter disponíveis apenas na Play Store, e cada aplicativo recebe uma atualização gratuita com o Flutter 2, pois agora eles podem crescer para atingir a área de trabalho e a Web sem precisar reescrever.

Clientes de todo o mundo estão usando o Flutter, incluindo aplicativos populares como WeChat , Grab , YandexGo , Nubank , Sonos , Fastic , Betterment e realtor.com . 

E é claro, a Google não ficaria de fora. Mais de mil engenheiros do Google estão criando aplicativos com o Dart e o Flutter. Na verdade, muitos desses produtos já estão sendo enviados, incluindo Stadia, Google One e Google Nest Hub entre outros.Veja alguns apps que foram destaque no evento:

Google Pay - Pasmem, eles conseguiram reduzir o código em cerca de 35% depois da migração.

Irobot education - A iRobot aspira a capacitar as pessoas a fazer mais - seja reduzindo a carga de limpeza das pessoas com o robô a vácuo Roomba® ou ensinando-as a codificar com o robô de codificação Root®. Comprometida com a ideia de que todos devem ter a oportunidade de criar a tecnologia que está mudando nosso mundo, a equipe da iRobot Education construiu uma experiência de aprender a codificar projetada para todos os níveis de habilidade, idades e interesses. Com o aplicativo de codificação iRobot® , a iRobot Education se propôs a demonstrar que a codificação não é apenas para cientistas da computação, mas que qualquer um pode codificar.

Toyota -  a montadora anunciou seus planos de trazer a melhor experiência digital do mercado para os veículos, por meio da construção de sistemas de infoentretenimento movidos a Flutter. Usar o Flutter marca uma grande mudança na abordagem de como o software para veículos era desenvolvido no passado. A Toyota escolheu o Flutter por causa de seu alto desempenho e consistência de experiência, iteração rápida e ergonomia do desenvolvedor, bem como mecânica de toque do smartphone. Ao usar a API embutida do Flutter, a Toyota pode adaptar o Flutter às necessidades exclusivas de um sistema veicular.

Sua música - App Brasileiro, que é a maior plataforma de música latino-americanas para artistas independentes no mundo todo!

Rive - oferece aos designers uma ferramenta poderosa para criar animações personalizadas que podem ser enviadas para qualquer plataforma. Seu aplicativo da web atualizado , agora disponível em beta, é construído inteiramente com Flutter e é uma carta de amor a tudo o que o Flutter pode oferecer neste ambiente.

Novidades - Flutter 2.0: Web, Desktop, Mobile, Embarcados, Null Safety e muito mais.

Foldables

Uma das últimas tendências do mercado de eletrônicos, são os telefones dobráveis. Um ótimo exemplo desse formato é o Surface Duo, da Microsoft. Imagine ter que desenvolver um app que se integre nessas duas telas ? Com o Flutter, isso fica menos doloroso. Você pode encontrar a demonstração no vídeo de apresentação que está no começo deste artigo.

Monetizing apps with Flutter

Hoje foi anunciado o lançamento beta do Google Mobile Ads for Flutter , um novo SDK que funciona com AdMob e AdManager para oferecer uma variedade de formatos de anúncio, incluindo banners, intersticiais, nativos e anúncios em vídeo premiados.

A única coisa melhor do que construir aplicativos é ganhar a vida construindo aplicativos. Nesta palestra, Zoey e Andrew, da equipe do Flutter, falam sobre estratégias de monetização para aplicativos desenvolvidos com o Flutter e como você pode transformar um aplicativo de sucesso em um negócio de sucesso.

Flutter Fix

O recurso Flutter Fix , introduzido no Flutter 2, combina uma ferramenta de linha de comando Dart com alterações sugeridas pelo analisador do Dart para limpar automaticamente APIs obsoletas em sua base de código. Este recurso também foi adicionado aos plug-ins de IDE para Flutter (2.0) e Dart (2.12). Dependendo da IDE, essas atualizações automatizadas são chamadas de quick-fixes (IntelliJ, Android Studio, Eclipse) ou code actions (VS Code).

Web

O suporte do Flutter Web oferece as mesmas experiências na Web e no celular. Com base na portabilidade do Dart, no poder da plataforma web e na flexibilidade da estrutura Flutter, agora você pode construir aplicativos para iOS, Android e o navegador a partir da mesma base de código. 

Você pode compilar o código Flutter existente escrito no Dart em uma experiência da web porque é exatamente a mesma estrutura do Flutter e a web é apenas outro destino de dispositivo para seu aplicativo. Adicionar suporte da web ao Flutter envolveu a implementação da camada de desenho principal do Flutter sobre APIs de navegador padrão, além de compilar o Dart para JavaScript, em vez do código de máquina ARM que é usado para aplicativos móveis. 

Usando uma combinação de DOM, Canvas e WebAssembly, o Flutter pode fornecer uma experiência de usuário portátil, de alta qualidade e desempenho em navegadores modernos. Foi implementada a camada de desenho central completamente no Dart e usaram o compilador JavaScript otimizado do Dart para compilar o núcleo e a estrutura do Flutter junto com seu aplicativo em um único arquivo de origem reduzido que pode ser implantado em qualquer servidor web.

A plataforma da web evoluiu para abranger APIs de plataforma mais ricas que permitem aplicativos altamente sofisticados com gráficos 2D e 3D acelerados por hardware e APIs de layout e pintura flexíveis. O suporte da Web do Flutter se baseia nessas inovações, oferecendo uma estrutura centrada em aplicativos que aproveita ao máximo tudo o que a Web moderna tem a oferecer.

Esta versão inicial concentra-se em três cenários de aplicativos em particular:

• Aplicativos da web progressivos (PWAs) que combinam o alcance da web com os recursos de um aplicativo de desktop.
• Aplicativos de página única (SPAs) que carregam uma vez e transmitem dados de e para serviços de Internet.
• Trazendo aplicativos móveis Flutter existentes para a web , permitindo o código compartilhado para ambas as experiências.

Esta com duvida quanto a performance ? De uma olhada nesse site flutterplasma.dev

Leia mais sobre o Flutter web na documentação:

Desktop

O suporte a desktop permite que você compile o código-fonte do Flutter para um aplicativo de desktop Windows, macOS ou Linux nativo. O suporte de desktop do Flutter também se estende a plug-ins - você pode instalar plug-ins existentes que oferecem suporte às plataformas Windows, macOS ou Linux ou pode criar o seu próprio.

Alem disso, a Canonical está fazendo parceria com o Flutter para traze-lo para o desktop, com engenheiros contribuindo com código para apoiar o desenvolvimento e implantação no Linux. Durante o evento de hoje, a equipe do Ubuntu mostrou uma demonstração inicial de seu novo aplicativo instalador que foi reescrito com Flutter. Para a Canonical, é fundamental que eles possam fornecer experiências sólidas, porém belas, em uma grande variedade de configurações de hardware. Seguindo em frente, Flutter é a escolha padrão para futuros aplicativos de desktop e móveis criados pela Canonical.

Veja a apresentação do Flutter Desktop no vídeo de apresentação no começo do artigo.

Null Safety

A linguagem Dart agora oferece suporte ao Null Safety! Quando você opta por segurança nula, os tipos em seu código não são anuláveis por padrão, o que significa que as variáveis não podem conter  null a menos que você diga que podem. Com segurança nula, seus erros de desreferência nula de tempo de execução se transformam em erros de análise de tempo de edição.

Mais algumas novidades apresentadas na documentação oficial do Flutter:

Flutter inspector

Deep linking

O Flutter oferece suporte a links diretos em iOS, Android e navegadores da web no canal dev. Abrir um URL exibe essa tela em seu aplicativo. Com as etapas a seguir, você pode iniciar e exibir rotas usando rotas nomeadas. Veja na documentação abaixo:

Creating responsive and adaptive apps

Um dos objetivos principais do Flutter é criar uma estrutura que permita desenvolver aplicativos a partir de uma única base de código que tenham uma ótima aparência e toque em qualquer plataforma.

Isso significa que seu aplicativo pode aparecer em telas de muitos tamanhos diferentes, desde um relógio a um telefone dobrável com duas telas e um monitor de alta definição.

Dois termos que descrevem conceitos para este cenário são adaptativos e responsivos . Idealmente, você gostaria que seu aplicativo fosse ambos, mas o que, exatamente, isso significa? Esses termos são semelhantes, mas não são os mesmos. Veja mais no artigo abaixo:

Multiple Flutter screens or views

Adding a Flutter View to an Android app

Integration testing

Internationalizing Flutter apps

Performance

Bom, essas foram as atualizações do Flutter Engage. Espero que vocês estejam tão animados quanto eu para botar a mão na massa e começar a desenvolver POCs em todas essas plataformas!