Flutter 2.0 apresenta suporte de qualidade de produção para construção de aplicativos web

O Google lançou o Flutter 2.0 para estável e inclui suporte de qualidade de produção para a construção de aplicativos da web. Continue lendo para saber mais!

O Flutter 2.0 foi lançado como estável e, com ele, há suporte web estável. Isso significa que o Flutter agora é seguro para uso em projetos web com qualidade de produção.

Dito isso, vamos ver o que o Flutter for Web envolve.

Renderizadores

Existem duas maneiras pelas quais o Flutter for Web pode exibir seu aplicativo em um navegador. Ele pode renderizá-lo usando HTML, CSS e Canvas ou usando CanvasKit. Cada um tem suas próprias vantagens. O renderizador HTML, por utilizar elementos mais básicos, é mais rápido para baixar e carregar. O renderizador CanvasKit é um pouco mais pesado, mas oferece melhor desempenho quando há muita coisa na tela.

Por padrão, um aplicativo Web Flutter escolherá automaticamente qual renderizador usar, com base no dispositivo cliente. Os dispositivos móveis receberão o renderizador HTML, enquanto os dispositivos desktop receberão o CanvasKit. Caso você queira usar um renderizador específico, o Google oferece opções para usar sempre um ou outro.

Uma visão geral arquitetônica do Flutter. Fonte: Google

Recursos específicos da web

Embora o Flutter seja multiplataforma, ainda existem algumas coisas que são específicas para cada plataforma suportada. Isso ocorre porque algumas coisas existem apenas em uma plataforma ou funcionam de alguma forma que precisa de uma API especial. E a web não é diferente.

Flutter 2.0 adiciona suporte para coisas como estratégias de URL personalizadas, links diretos para aplicativos da web e suporte adequado para PWA. Ao criar um projeto Flutter para Web, um manifesto da web e modelos de service workers serão gerados para você.

Gestos e teclado

Para ser verdadeiramente multiplataforma, uma estrutura precisa levar em conta o seu objetivo. Se estiver sendo executado em uma plataforma de desktop, deverá responder aos atalhos do teclado. No celular, ele deve responder a gestos de tocar e deslizar.

Bem, o Flutter for Web faz essas duas coisas. Através da web, ele atinge desktops e dispositivos móveis. Com a versão estável do Flutter for Web, há suporte para gestos nativos, dependendo da plataforma do cliente e da fonte de entrada.

Plug-ins

Como qualquer boa linguagem, o Flutter oferece suporte a bibliotecas ou plug-ins, neste caso. Como medida de segurança, os plug-ins precisam especificar a compatibilidade de sua plataforma. Como o Flutter for Web é uma adição relativamente recente à estrutura, muitos plug-ins, incluindo o do Google, não o suportavam.

Com o lançamento do Flutter 2.0, vários plug-ins Flutter do Google, incluindo o pacote Firebase, são marcados como compatíveis com a Web.


Embora possa não parecer muito, esses são alguns recursos muito importantes. O Flutter 2.0 ganhou uma plataforma inteira e muito trabalho foi feito para que o Flutter for Web se integrasse ao restante do framework.

O que você acha do Flutter para Web? É uma boa opção para desenvolvimento web? Nos informe!