DEV Community: flutterbrasil

Macros no Flutter/Dart: A Revolução da Metaprogramação que Você Esperava

Toshi Ossada — Mon, 24 Jun 2024 15:12:33 +0000

Macros no Flutter/Dart: A Revolução da Metaprogramação que Você Esperava

Fala Devs,

No ultimo Google I/O tivemos muitas novidades, e uma delas que era uma das mais esperadas foi a confirmação dos Macros para fase experimental (que significa que logo sairá pra stable).

Mas o que são Macros?

Macros são um recurso que visa revolucionar a metaprogramação, ou seja, a habilidade de escrever código que manipula outros códigos.

Mas o que isso significa?

Imagine uma tarefa comum que realizamos com frequência hoje toJson() e fromJson().

Hoje temos duas maneiras de realizar essa tarefa, podemos simplesmente fazer os métodos na mão.

O problema desse método é que toda hora que precisamos adicionar um campo novo é no mínimo em 3 lugares que precisamos fazer alteração, um processo que pode ser chato.

Outra forma é utilizarmos uma biblioteca terceira que irá gerar todo esse código com a ajuda do odiado build_runner, como por exemplo o json_serializable

Nesse caso temos alguns fatos que podem frustrar os desenvolvedores, primeiro é que preciso adicionar um “quase” extenso boilerplate

E “outro” problema é que toda alteração precisamos executar novamente o build_runner, as vezes não é um processo tão demorado, entretanto se torna um processo chato de ter que executar o build_runner em toda alteração

Hoje temos que fazer estes processos pois no dart que está embedado no Flutter é nerfado e não temos a possibilidade de utilizar Reflections ou as famigeradas Mirrors alegando que há trade-off que talvez não valeria a pena para habilitar as Mirros no Flutter.

Mas calma, a equipe do Flutter não deu as costas e ignorou este problema. No Flutter Foward que ocorreu ano passado (2023) eles anunciaram que iriam começar a trabalhar em uma nova feature para resolver este problema, eles anunciaram que brevemente iriam lançar as Macros.

Depois de muita espera, chegaram até rolar boatos que eles iriam desistir das macros, neste Google I/O (2024) eles anunciaram que já encontra em fase experimental.

Para começar a testar as macros precisamos ter em mente que ainda está em fase experimental, então não está disponível no canal stable (Espero que você esteja usando esse canal para desenvolver sus apps) então nossa primeira tarefa para habilitar a utilização dos macros é apontar para o canal master

Execute:

flutter channel master

Isso fará com que apontemos para o dart 3.5

E se executarmos o comando flutter channel irá nos apresentar que está apontando para a master com um asterisco (*)

Outra etapa (caso use visual studio code) é apontarmos as extensões do dart e flutter para a pré release, procure as extensões e pressione o botão “switch to Pre-Release Version”

Faça o mesmo procedimento para o Flutter

Precisamos também habilitar no analysis_options.yaml a feature experimental dos macros

Pronto agora já podemos utilizar a macros, algo bom que é que não partiremos de um mundo que teremos que criar todas as macros pois a equipe do Dart em paralelo já está desenvolvendo alguns macros que para utiliza-los basta importar em nosso projeto e para esse processo que citamos acima do toJson() e fromJson() existe o pacote json que está publicado por labs.dart.dev (publicador da equipe do dart para pacotes que estão em experimental)

Para adicionar basta executar um pub add

Para utiliza-lo basta colocarmos a annotation em nossa classe @JsonCodable()

Note que no VS Code ele habilitou um botão “Go to Augmentation” se clicarmos nele podemos ver os macros que foram gerados

E se alterar o código da classe e salvar ele automaticamente vai alterar minhas macros

Impressionante a velocidade

Outro ponto legal é que também podemos fazer nossos próprios macros, vamos então automatizar a geração do toString()

Notamos que iremos necessitar de 2 informações da classe, o nome da classe e os campos

Para criar uma classe iremos criar uma class com o modificador macro e devemos implementar a ClassDeclaration, um ponto importante é que fica obrigatório a criação de um construtor que seja constante.

Feito isso implementamos o método buildDeclarationsForClass que tem dois parâmetros, a clazz (está com Z pois class é uma palavra reservada do dart) que é onde irá conter as informações da classe (como o nome da classe) e também temos o builder que iremos utilizar para gerar o código na macro.

Para recuperar o nome da classe utilizamos o clazz.identifier.name e para recuperar os atributos da classe utilizamos o builder.fieldsOf(clazz) lembrando que ele é uma Feature então precisamos usar o await na execução do método e adicionar o async na função.

Para gerar o código utilizaremos o builder.declareIntype() e geraremos o código em uma String que podemos separar por virgula(,) para que não fique uma linha gigantesca

Ressaltando que a saída do nosso código será “campo: $campo” então é necessário adicionar o & com a tag escape na frente (**).

Para utiliza-lo em nossa classe basta adicionar a annotation que será o mesmo nome do macro criado.

E ele automaticamente irá gerar o código no macro

Agora podemos utiliza-lo em nosso main.dart

Para executar precisamos adicionar a tag — enable-experiment=macros

Ou podemos também deixar configurado em nosso launch.json

Ressaltando novamente que os macros está em fase experimental e podemos ter alguns bugs que estão sendo corrigidos pela equipe do Dart, mas esperamos que logo(talvez ainda esse ano) já sairá uma versão em em stable para nós deliciar com os macros.

Se quiser ler mais a respeito das macros visite https://dart.dev/go/macros

Tembém gravei um video no canal da Flutter Brasil de como podemos utilizar os macros, confira:

Entre em nosso discord para interagir com a comunidade e ficar por dentro de todas as nossas publicações: https://www.flutterbrasil.com.br

Flutter 3.22 e Dart 3.4: Confira as atualizações que roloram no Google I/O 2024

Toshi Ossada — Sat, 18 May 2024 14:06:17 +0000

Fala Devs!

Nesta semana lá na California rolou o evento anual da Google que ela apresenta seus principais lançamentos do ano chamado Google I/O.

Na terça feira foi realizado o keynote principal, transmitido ao vivo em vários canais, e muitos ficaram decepcionados pois nada se falou sobre Flutter. Mas vou te contar um segredo, a Google não é uma empresa de desenvolvimento de software e nunca foi o foco da Google as ferramentas de desenvolvimento e em todos os Google I/O passados nunca foi falado de uma ferramenta de desenvolvimento no keynote principal, geralmente eles anunciam produtos que irão gerar receitas, como foi o caso nos anos passados do Google Glass, Pixel Fold, Stadia, versões do android e nesse ano, como IA é o assunto do momento e todas as empresas do mundo só fala nisso, o GEMINI.

Mas calma jovem gafanhoto, disse que não teve Flutter apenas no Keynote de abertura/principal, passados algumas horas teve o keynote de abertura voltado ao desenvolvimento apresentando as novidades que irão rolar em TODOS os produtos google voltado a desenvolvedores como o Firebase que agora terá uma versão SQL, o KMP e brevemente falaram sobre o Flutter que agora na versão 3.22 está com o WebAssembly na stable e os MacrOS em experimental

No dia seguinte (Quarta-feira) foi o dia que rolaram mais keynotes, daí sim, voltada a desenvolvedores e foram disponibilizadas online para que possamos assistir, confira em https://io.google/2024/explore/?q=flutter

E tivemos uma para mostrar as novidades do Flutter intitulada como “What is new in Flutter”

Nesse keynote apresentada por dois engenheiros da equipe do Flutter e Dart, o Kevin Moore e John Ryan eles apresentaram as novidades que vieram junto com o Flutter 3.22.0

Primeiramente eles apresentaram os novos cases questão utilizando Flutter

Primeiramente falaram da Bricket que é um aplicativo para Android e iOS que usa IA para reconhecer LEGOS espalhados e com base nisso consegue dar várias ideias do que pode ser construído com os LEGOS disponíveis e ainda mostrará a localização exata de onde estão localizadas, eles ficaram bem animados com o poder do Flutter e já estão preparados para uma versão Web em menos de uma semana.

A SuperCell, criadora de jogos como Hay Day, Clash of Clans, Boom Beach, Clash Royale, Brawl Stars e Squad Busters, decidiram utilizar o flutter na parte de gerenciamento de usuários e amigos e estão divididos em trocar todo o resto do aplicativo para flutter muito brevemente.

O Google Earth também tinha um problema de ter que manter varias stacks Android, iOS e web então ano passado decidiram migra-lo para utilizar Flutter pois dessa forma com um codebase só gerar aplicativos para Android, iOS e web tendo o mesmo comportamento.

Também falaram da Universal e da LG que decidiram utilizar Flutter e com isso Ryan e Moore afimaram que Flutter se tornou o framework cross-platform mais popular do mundo

Bom até agora só falamos de novos adeptos ao Flutter mas e as novidades? Vamos começar a falar

Os 5 pilares

Nesta apresentação foi destacado os cinco pilares do Flutter e que qualquer alteração no Flutter será pautada em ao menos um desses cincos pilares: portabilidade, beleza, velocidade, produtividade e open source.

Portabilidade

Toda e qualquer decisão do Flutter deve permitir que os desenvolvedores possam escrever código que pode ser executado em várias plataformas, como iOS, Android, web, Windows, macOS e Linux.

Beleza

O Flutter fornece uma maneira de criar interfaces de utilizador atraentes e de alta qualidade.

Velocidade

O Flutter é conhecido por sua rápida performance e renderização, o que permite aos desenvolvedores criar aplicações responsivas e performáticas.

Produtividade

O Flutter dispõe uma gama de recursos de auxiliam a produtividade, como hot-reload que permitem aos desenvolvedores ver as mudanças de código em tempo real e o DevTools

Open-Source

O Flutter é um projeto de código aberto, o que significa que os desenvolvedores podem contribuir para o projeto e usar recursos de uma vasta comunidade de desenvolvedores.

GEMINI

Sei que é um assunto que alguns já devem estar cansados, mas o fato é que a inteligência artificial é o assunto do momento e a Google está investindo pesado na sua nova ferramenta baseada em Large Language Model (LLM).

O Flutter não poderia ficar pra trás e agora com o Google AI Dart SDK é possível integrar facilmente seus aplicativos Flutter com qualquer um dos modelos de IA generativa da Google, incluindo o Gemini. Já escrevi sobre ele por aqui (https://medium.com/brasilflutter/oficial-gemini-google-ai-dart-flutter-sdk-integrando-flutter-com-o-gemini-90c46f8c2f7a).

Para adicionar em seu projeto basta executar

E a utilização em código fica muito simples também

E seguindo os pilares do Flutter ele entra muito em sinergia com dois pilares Portabilidade, pois você pode utilizar o poder do Gemini codando apenas uma vez e rodando em qualquer lugar, e o pilar de Produtividade porque com o Google Generative AI conseguirá fazer a integração com GEMINI de forma muito simples e muito rápido.

Para maiores informações acesse https://flutter.dev/ai

Games

O Flutter é ótimo para o desenvolvimento de aplicativos, mas a equipe do Flutter vem investindo muito também no desenvolvimento de jogos.

A arquitetura do Flutter, embora robusta e flexível, permite a criação de camadas com acesso a níveis inferiores. Essa flexibilidade possibilita o desenvolvimento de uma engine que facilita a interoperabilidade entre diferentes componentes e sistemas.

E foi exatamente isso que o pessoal do Flame que é engine para jogos 2D que utiliza Dart e Flutter mantida por uma comunidade open-source, disponibilizando uma API de desenvolvimento alto nível para jogos

E com ele podemos fazer jogos muito divertidos como o exemplo abaixo

Com Flame conseguimos inicializar a construção de um jogo utilizando os conceitos primeiros de um jogo, como game loop, física e detecção de colisão 2D.

E com a novo suporte ao DevTools Extensions lançada ano passado no flutter 3.16 a galerinha do Flame também fizeram sua extensão ao DevTools onde nos possibilita pausar o game loop, executar frame a frame e inspecionar os elementos na tela

E desde ano passado a equipe do Flutter tem investindo bastante no Casual Games Toolkit e ele está disponível para testar no DartPad.

E essa questão dos jogos está muito em acordo com os cinco pilares do Flutter

Para saber mais acesse https://flutter.dev/games

Impeller

Já tínhamos ouvido falar do impeller, o novo renderizador gráfico, ano passado na ultima versão do Flutter 3.16 que já estava disponível para o iOS, agora na versão 3.22 também está disponível para Android.

Atualmente o Flutter usa o Skia como motor de renderização para desenhar várias operações complexas compilando em um shader para executar em sua GPU, isso causa uma grande sensação de performance, entretanto pode causar algumas perdas de frames na primeira compilação quando temos muitos widgets na tela, como o exemplo acima.

Para isso a equipe do Flutter reescreveu o motor de renderização trazendo uma melhor performance para seus aplicativos. O Impeller foi projetado para ser mais rápido e eficiente do que o motor de renderização original do Flutter, “Skia”. Isso é especialmente útil para aplicações com muitos widgets e animações complexas, onde a performance é crucial para uma experiência suave. Uma das melhorias que já podemos notar é a renderização de efeito de desfoque no iOS chegando a ser duas vezes mais rápido.

Para utilizarmos o impeller adicione a flag — — enable-impeler no flutter run

Para maiores informações acesse https://docs.flutter.dev/perf/impeller

O impeller fica muito alinhado com o pilar de portabilidade e velocidade por trazer mais portabilidade (agora o android em stable) e trazer mais performance em seus aplicativos

Macros

Agora a estrela do dia que todos estavam esperando com toda certeza foi as Macros que na versão 3.22 foi anunciado que está na fase de experimental, isso significa que logo chegará a stable (a Google tem planos de ainda lançar este ano), como sabemos o Dart do Flutter não temos a famosa reflection e o Dart do Flutter é capado e não temos acesso aos Mirrors, fazendo com que não seja possível a meta-programação e fiquemos reféns do odiado build_runner.

E por muito tempo os Devs flutter solicitavam a equipe do Flutter coisas simples, como deserializaçao de JSON e Data Class nativa no Dart para que não precisássemos fazer na mão ou utilizar package terceiros.

Ao contrario do que imaginamos a equipe do Flutter ouvia essas solicitações entretanto implementar esses metodos acima sem o auxilio de reflections ou geraçao de codigo não é tao simples e geravam muitos problemas.

Então a solução infelizmente era, desenvolver esses métodos na mão ou utilizar um package terceiro que iria gerar esse código com o auxílio do build_runner. Ambas as soluções deixavam o desenvolvimento lento e inflexível.

Então a solução que a Google está desenvolvendo para resolver este problema são as Macros que foi oficialmente lançado agora na fase experimental, que veio para nos auxiliares na meta programação.

Para mais informações acesse https://dart.dev/language/macros

Com isso continuamos alinhados com os pilares do flutter.

Melhor produtividade: As macros podem ajudar os desenvolvedores a escrever código mais rápido e conciso, reduzindo a quantidade de código repetitivo.

Performance: As macros podem otimizar o código Dart para um melhor desempenho, especialmente em cenários de alta demanda, como desenvolvimento de jogos.

Open source: você pode personalizar a definição como as “Data Classes” usando macros. Isso permite um controle preciso sobre o comportamento e os dados que sua classe de dados gerencia.

Web Assembly

No Google I/O foi finalmente lançado o WebAssembly para Flutter Web e foi demonstrado como uma tecnologia que está expandindo os horizontes do Flutter para a web, abrindo novas possibilidades para performance e complexidade de aplicações web. O WebAssembly permite que aplicações Flutter para a web renderizem gráficos complexos com alta qualidade e performance.

Os pontos principais sobre WebAssembly foram:

Performance: O WebAssembly permite que código compilado, como o código Dart do Flutter, seja executado em navegadores web com uma performance muito mais próxima do código nativo. Isso significa que aplicações Flutter para a web podem ser tão rápidas e eficientes quanto aplicações nativas.

Extensão do Ecossistema: O WebAssembly permite integrar bibliotecas de código nativo (C, C++, Rust) em aplicações web, aumentando a capacidade de lidar com tarefas complexas que antes eram limitadas a aplicações nativas.

Novo Nível de Interatividade: Com o WebAssembly, aplicações web podem ter um nível de interatividade e complexidade antes restrito a aplicações nativas. Isso abre portas para aplicações web mais avançadas, como jogos complexos e aplicações com gráficos intensivos.

Fazendo um benchmark com um código e gerando para Android, Web (utilizando o motor de JS) e com o Wasm teremos o dobro de performance com Wasm em relação de como utilizamos o flutter web hoje.

O WebAssembly é um componente fundamental para o futuro do Flutter na web, permitindo que a plataforma alcance um nível de performance e complexidade que antes era inimaginável e irá revolucionar a forma como as aplicações Flutter são construídas para a web. Uma tecnologia promissora que abre novas possibilidades para o desenvolvimento web com o Flutter. Essa tecnologia permite que aplicações web Flutter alcancem performance próxima do código nativo e integrem bibliotecas nativas, tornando-as mais complexas e interativas. Estando completamente alinhados com os pilares do flutter.

Para mais informações acesse https://flutter.dev/wasm

Bom então resumindo tivemos 5 grandes atualizações que causam impactos enormes para nosso desenvolvimento

Não foram muitas novidades, em questão de quantidade, mas o impacto que essas pequenas melhorias vão causar é inimaginável.

Aguardemos as próximas atualizações

Confira a talk na integra

What’s new in Flutter 3.22

Entre em nosso discord para interagir com a comunidade e ficar por dentro de todas as nossas publicações: flutterbrasil.com.br

Desenhos complexos com CustomPaint

Toshi Ossada — Sat, 18 May 2024 14:04:20 +0000

No ultimo artigo vimos os conceitos básicos do CustomPaint e como ele pode nos habilitar a desenhar qualquer forma geométrica no Flutter, agora vamos juntar essas formas geométricas para que possamos fazer desenhos mais complexos.

Por exemplo, se juntarmos arco com linhas podemos desenhar um relógio

Primeiramente vamos desenhar o arco do relógio

O arco vai de 0 à 2pi para formar uma circunferência completa

Agora precisamos gerar 12 linhas que irá representar as 12 horas do nosso relógio e precisamos posiciona-los no ângulo exato de cada hora, para isso pegamos o valor de 2pi e dividimos por 12 e depois multiplicamos pela hora.

Agora iremos desenhar os ponteiros do nosso relógio, para isso precisamos saber como converter horas e minutos em ângulos para isso utilizarei o https://gemini.google.com/ para me ajudar a desenvolver meu método.

E cheguei nessa função

Com a função de converssao de horas em angulo basta desenharmos duas linhas passando o sem e cos do ângulo

E para finalizar vamos colocar um circulo no centro para representar a junção dos ponteiros

E o resultado será este:

E de bônus vamos aprender a fazer aquelas mascara na câmara quando queremos enquadrada algo (como o rosto)

Primeiramente vamos instalar algum package de câmera, estou utilizando o câmera

E vamos inicializa-la em nosso widget

A construção do nosso widget será a seguinte, uma Stack onde o primeiro item de nossa Stack será a câmera e o segundo item será nosso custom paint que ficará acima da câmera.

E com isso iremos criar um Retangulo que irá cobrir nossa camera.

Agora vamos desenhar um circulo oval que será o local que iremos centralizar o rosto na câmera

O resultado será um circulo preto no meio da tela

Com o path é possível fazer algumas operações como retirar a diferença entre dois paths, com isso podemos fazer um recorte em nosso CustomPaint criando um buraco na tela.

E voilá temos, temos nossa mascara para o rosto.

Você pode acessar esses dois exemplo em meu github

https://github.com/toshiossada/clippath

Legal né? Lembrando que poderíamos ter usado este recurso com um Socket, como o Firebase para que a ativação e desativação seja de forma instantânea, caso seu negócio necessite

Confira o exemplo completo em

https://github.com/toshiossada/togglefeature

Entre em nosso discord para interagir com a comunidade: https://discord.com/invite/flutterbrasil

https://linktr.ee/flutterbrasil

Oficial! Gemini Google AI Dart/Flutter SDK— Integrando Flutter com o GEMINI

Toshi Ossada — Sat, 18 May 2024 13:58:49 +0000

Fala Devs, blz?

No dia 14/02/2024 a Google anunciou oficialmente o Gemini(https://gemini.google.com/) e no dia 15/02/2024 a Google nos surpreendeu com o lançamento do Flutter 3.19.0 e com ele o Dart 3.3 essa versão veio com muitas novidades (https://medium.com/flutter/whats-new-in-flutter-3-19-58b1aae242d2) que iremos comentar em breve. Contudo, algo que nos fez brilhar os olhos foi o anúncio do Gemini google AI Dart SDK, ou seja, um SDK do Gemini nativamente para o Flutter/Dart, isso ressalta a importância que o Flutter está tendo para a Google, pois o Flutter/DART é a primeira ferramenta com um SDK Nativo.

E eu vendo isso já fui testar e trazer as novidade para vocês, pois com um package desenvolvido pela Google faz perder todo o sentido de usar um pacote terceiro para podermos integrar com o Gemini(https://pub.dev/packages/google_generative_ai).

Para começar ainda necessitaremos gerar nossa API Key em https://ai.google.dev/ como expliquei em detalhes no artigo anterior.

Agora em nosso projeto flutter necessitaremos adicionar o pacote no pubspec

flutter pub add google_generative_ai

Iremos abordar os dois modos disponíveis: somente texto e chat com contexto. Para configurar o Gemini precisamos instanciar o objeto GenerativeModel() passando a ApiKey (que estamos passando via dart-define-from-file) e o modelo de IA, iremos utilizar o gemini-pro.

Para gerarmos um diálogo com o Gemini precisamos gerar um Content.text(String) passando nossa pergunta e utilizando o método generateContent() do GeminiModel() iremos obter a resposta dada pela IA.

E a partir daí é só mostrar na tela a resposta gerada pelo Gemini, caso deseja fazer a animação de digitação igual ao artigo anterior podemos utilizar o AnimatedTextKit(https://pub.dev/packages/animated_text_kit) para isso.

Também é possível criar um diálogo com contexto para a conversa, podendo pré-definir algum prompt, para isso precisamos além de configurar o GeminiModel() também necessitamos iniciar um chat com o método startChat()

Agora para enviar mensagens para o Gemini basta executarmos o método sendMessage() passando a mensagem.

Agora para mostrarmos a conversa a tela podemos pegar o histórico do chat

O history nos traz algumas informações importante com o remetente da mensagem no atributo role que será “user” caso tenha sido o usuário que enviou a mensagem ou “model” caso seja a IA que tenha enviado a mensagem.

Outro ponto importante é juntar todas as partes da resposta enviada pelo Gemini

E por fim podemos exibir a mensagem na tela do nosso aplicativo

E o resultado será esse

Infelizmente o modelo de análise de imagens ainda não esta disponivel.

Mas creio que em um futuro proxímo poderemos fazer algo do tipo

Vale ressaltar que alguns recursos não estão disponíveis na versão gratuita e é possível consultar os planos em https://ai.google.dev/pricing?hl=pt-br.

Muito bacana essa novidade né? Todos sabemos que o Gemini é a grande novidade da Google e que eles vão investir e evoluir muito nele e que em menos de uma semana já desenvolveram um SDK para o Flutter só nos mostra a importância desta ferramenta que amamos para a Google e que ainda tem muitos anos de vida.

Podem conferir o exemplo que usei neste artigo em

https://github.com/toshiossada/gemini_flutter_example

Entre em nosso discord para interagir com a comunidade: flutterbrasil.com.br

Desenhe o que quiser com Custom Paint no Flutter

Toshi Ossada — Sat, 18 May 2024 13:51:21 +0000

Fala Devs,

Que o Flutter é uma poderosa ferramenta que nos traz uma gama de widgets, possibilitando a criação de layouts modernos e bonitos, isso já sabemos. Mas sabia que o Flutter também possui uma ferramenta muito legal que nos permite ter uma variedade de efeitos visuais, desde formas geométricas simples como linha, quadrado, arco, círculo, etc., até desenhos complexos e animados? Literalmente, podemos desenhar com código em nossos widgets. Estou falando do CustomPaint.

Como funciona?

Para começarmos a utilizá-lo é muito simples, basta usarmos um widget chamado CustomPaint(), e ele espera que passemos como parâmetro um CustomPainter e o tamanho que nosso painter terá.

Nosso painter será uma classe que irá estender a classe CustomPainter e terá dois métodos principais. Um será o shouldRepaint(), que será o método responsável pela lógica que determina se nosso painter deve ser redesenhado ou não, semelhante ao didUpdateWidget() de um StatefulWidget. Por hora, podemos retornar sempre true.

O segundo método, que é o mais importante, é o paint(). Aqui é onde colocaremos todas as instruções do que queremos desenhar. Neste método, temos dois parâmetros importantes: o Size, que é a informação do tamanho da área que teremos para realizar nosso desenho, e o Canvas, que é responsável por realizar o desenho dentro do nosso ‘quadro’.

Neste exemplo criamos o Paint(), que é o responsável por conter todas as informações da propriedade do nosso desenho (Cor, espessura de linha, etc), no caso colocamos a cor roxa e com o estilo preenchido, isso significa que quando ele fechar todos os pontos de do desenho ele irá preencher com a cor selecionada. E por fim utilizamos o Rect.fromLTWH() que irá desenha um retângulo a partir dos pontos de par ordenado (lembra das aulas de matemática?) que passamos, lembrando que o ponto inicial é o [0, 0] e ele vai até ponto [largura_maxima, altura_maxima]. Por fim utilizando o Canvas simplesmente mando ele desenhar no meu painter utilizando o método drawRect().

Também temos a opção de passar o style como stroke.

Desta forma ele não preencherá o interior do desenho

Linhas

Também podemos desenhar linhas, basta utilizarmos a classe Path() para informar os pontos de ligação das linhas. Primeiramente, usamos o moveTo(0, 0) para informar o ponto inicial do desenho, e em seguida, utilizamos o lineTo() para informar o par ordenado dos pontos de ligação das linhas. Por fim, instruímos o canvas a desenhar nossos Paths utilizando o drawPath().

Como resultado teremos

Curvas

Ainda utilizando os Paths também conseguimos fazer curvas, a primeira forma é utilizado o quadraticBezierTo ele adiciona um ponto “invisível” que vai flexionar a linha naquela direção.

Também temos o cubicTo que diferente do quadraticBezierTo ele adiciona dois pontos de flexão.

No CustomPainter também conseguimos usar em conjunto com o ClipPath, suponhamos que temos 2 retângulos sobrepostos e queiramos fazer um recorte em um deles para quer aparecer os dois retângulos ocupando metade da tela com um corte personalizado

Podemos adicionar o primeiro retângulo com o drawRect() e em seguida utilizar o clipPath do Canves passando o Path com as ordenadas do corte e logo em seguida adicionar o segundo retângulo.

Como resultado teremos

Arcos

Lembra das aulas de Geometria? Aqui utilizaremos os conceitos aprendidos, sabemos que um círculo inteiro possui 2PI, no Paint e o ponto zero fica no meio do lado direito.

E com isso conseguimos desenhar um círculo ou parte dele utilizando os conceitos de seno.

Com esses conceitos podemos fazer um progresso circular.

Recebemos o progresso e o texto por parâmetro

Em seguida utilizando o drawArc passando o seno inicial 3PI/2 (imagine esta imagem invertida)

E passando o progresso como parâmetro para o drawArc

Também conseguimos pedir para o CustomPaint desenhar textos, utilizando o TextSpan e depois assando a posição onde ele ficará

Legal né? Da para fazer muita coisa com CustomPaint, nos próximos artigos vamos trabalhar um pouco mais com eles.

Os exemplos que utilizei no artigo se encotram no meu github :)

https://github.com/toshiossada/clippath

Entre em nosso discord para interagir com a comunidade: flutterbrasil.com.br

Puro — Uma forma eficiente de gerenciar as versões flutter

Toshi Ossada — Sat, 18 May 2024 13:45:42 +0000

Pode ser que você já tenha se deparado na situação de ter que trabalhar em vários projetos Flutter e que necessitam rodar em versões diferentes, infelizmente, isso é muito comum no mundo de desenvolvimento de software, por exemplo, recentemente tivemos o lançamento do flutter 3.13 que teve um pequeno Breaking Change, por este motivo muitos projetos que estão na versão 3.10 não migraram para a versão estável e para o desenvolvedor que quer testar as novidades do Flutter tem que ficar alternando entre flutter downgrade e flutter upgrade, para isso são criados Gerenciadores de Versões, desta forma conseguimos deixar configurados qual versão do Flutter cada projeto irá utilizar.

Já falamos aqui sobre o FVM(Flutter Version Management) que é um gerenciador criado por um brasileiro(Leo Farias, Google Developer Experts em Dart) e que utilizei por muitos anos.

Recentemente foi lançado o Puro que é um Gerenciador de Versões que pareceu muito legal e com a instalação bem simples.

No próprio site do Puro traz um gráfico fazendo um comparativo entre Setup e Tempo de Instalação do Puro com outras formas de se instalar o Flutter e ele mostra um ganho de mais de 50% (sempre desconfiem desses benchmarks).

Também mostra um comparativo de gasto de download e economia de espaço de disco.

Então vamos ver como fazemos para instalar e utilizá-lo.

A primeira dependência que precisamos resolver (caso ainda não conheça deveria aprender) é a instalação do git em sua máquina que é bastante simples.

Se você como eu é um usuário do Windows recomendo utilizar o chocolatey para instalação de pacotes dentro do Windows, para instalar o chocolatey basta executar o PowerShell como administrador.

E executar o comando:

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString(‘https://community.chocolatey.org/install.ps1'))

Para confirmar execute choco -v

Pronto o chocolatey está instalado! agora podemos simplesmente instalar o git executando.

choco install git

e depois confirme com Y.

Reinicie o PowerShell e execute git -v para confirmar a instalação.

Agora para a instalação do Puro basta executarmos no PowerShell (desta vez não execute como administrador) o comando:

Invoke-WebRequest -Uri “https://puro.dev/builds/1.3.5/windows-x64/puro.exe" -OutFile “$env:temp\puro.exe”; &”$env:temp\puro.exe” install-puro –promote

Com isso ele já irá configurar automaticamente suas variáveis de ambiente.

Pronto agora já podemos utilizar o Puro!

Agora podemos criar um novo ambiente utilizando o comando create.

O comando é composto por:

puro create nome_da_versao versao_do_flutter

Lembrando que o nome_da_versao deve começar com uma letra.

Para listar as versões instaladas, basta executar: puro ls

Para setarmos a versão globalmente no sistema operacional iremos utilizar

puro use -g nome_da_versao

Você também pode setar uma versão diferente dentro de um projeto, sendo diferente da versão global, para isso execute: puro use nome_da_versao

Isso permitirá que utilize versões diferentes em projetos diferentes, sem ter que ficar executando downgrade e upgrade.

Eu particularmente achei muito simples e útil o Puro, mas claro que isso só trará ganhos se você trabalha em mais de um projeto com versões diferentes, que é o caso de vários desenvolvedores.

Vale lembrar que o Puro é um projeto recente, então usem com cautela!

Vlw

😊

Entre em nosso discord para interagir com a comunidade: flutterbrasil.com.br

Uma nova forma de utilizar os Switch Case no Dart 3

Toshi Ossada — Sat, 18 May 2024 13:44:07 +0000

O Dart 3 nos trouxe muitas novidades incríveis, e já abordei de algumas por aqui, um recurso muito legal foi o que denominamos de Switch Expressions.

A forma tradicional do Dart é utilizarmos o switch statement que é uma forma imperativa e procedural que estamFos acostumados.

Note que, da forma antiga, com a Switch Statement não temos a capacidade de retornar diretamente o valor à variável, com a nova maneira utilizando Switch Expression traz uma importante mudança de introduzir aspectos da programação funcional para o Dart trazendo a linguagem mais flexibilidade e poder.

Um dos principais avanços das Switch Expressions no Dart 3 é a adoção de uma sintaxe similar às arrow arrow functions para mapear os cases diretamente ao valor de saída. Isso melhora a legibilidade do código e o torna menos propenso a erros.

Note que o default foi substituído apenas pelo _ (underline). Podemos melhorar ainda mais nosso código da seguinte forma:

Pattern Matching

Outro recurso bastante interessante é o Pattern Matching, com ele você pode desestruturar um objeto complexo ao mesmo tempo em que está validando uma condição e utilizar esses valores dentro da condição, no Dart 3 você pode utilizar o Pattern Matching dentro de suas condições switchs.

Veja no exemplo a seguir:

Guard Clauses

Como mostrei em artigos no Dart 3 temos os records, agora conseguimos usar os pattern matching em conjunto com os records, essa poderosa junção permite com que possamos desestruturar dados e executar uma condição nos dados desestruturados, utilizando a palavra reservada when para especificar a condição.

Sendo que os valores também podem ser providos de uma função.

Com toda certeza essas novas features deixam o Dart cada vez mais com uma cara de programação funcional, o Dart vem trazendo o que há de melhor da programação funcional e imperativa deixando o código mais legível, eficiente e testável

Entre em nosso discord para interagir com a comunidade: flutterbrasil.com.br

Novos Modificadores de Classe no Dart 3

Toshi Ossada — Sat, 18 May 2024 13:38:52 +0000

No novo Dart 3 tivemos uma mudança bastante interessante que são os novos modificadores de classe, confesso que quando migrei para o Dart achei estranho não termos alguns modificadores de classe, como o interface, e usávamos o abstract para suprir esse déficit.

Os modificadores de classe podem ser utilizados em uma classe e antes da palavra reservada class, como já estamos acostumados.

Com o Dart 3 além dos modificadores que já estamos acostumados como abstract e mixin que era possível você construir, entender ou implementar uma classe, agora também temos a interface, final, sealed e base que trazem limitadores na c*onstrução, extensão e implementação* das classes que possuem esses modificadores, vamos entender o que cada uma traz de novo.

Interface

Se você chegou a trabalhar com outra linguagem que tem interfaces como C# ou JAVA vai perceber uma diferença com a interfaces do Dart, pois ao contrario das outras linguagens que a interface serve apenas para definir o contrato de métodos, no Dart a inteface define uma classe que pode ser implementada e construída, mas não estendida (fora da biblioteca).

Mas calma, nem tudo está perdido, se você quiser criar uma classe que defina apenas o contrato do que deve ser implementado(com o no C# ou JAVA) adicione o modificador abstract junto a interface , ficando abtract interface class.

Note que a regra de não poder estender uma interface só vale quando é uma classe externa ao arquivo, se estiver dentro do mesmo arquivo ainda assim conseguirei estender a interface (isso vale para a limitação de todos os outros modificadores que iremos falar).

Se estiver em arquivos separados a regra se mantém e não é possível estender.

Final

Uma classe que contém o modificador final limita que a classe não pode ser implementada ou estendida externamente, mas pode ser construída.

Vamos criar uma classe final Cachorro.

Se criarmos outra classe e estender de Cachorro não será possível e irá apresentar um erro.

Base

Já o modificador Base diferente da interface não permite que a classe seja implementada em uma outra classe que esteja externo ao biblioteca, mas permite que ela seja construída ou estendida.

Além do mais, as subclasses que irão estender a classe base deverão ser uma classe com os modificadores final ou sealed.

Se tentarmos estender da classe Animal irá ocorrer um erro:

Para resolver o problema a classe Cachorro deverá ser final ou sealed.

Se tentar implementar a classe Animal também não será possível.

Vale lembrar que assim como nas interfaces é possível adicionar o modificador abstract base para que não precise implementar os métodos na classe base deixando apenas os contratos.

Sealed

O modificador sealed é um dos mais restritivos dentro do Dart, com ela a classe não poderá ser implementada, estendida e nem construída externamente, o uso dela será restrito para uso interno da biblioteca e possibilitara a checagem exaustiva de suas subclasses no switch.

Agora se fizermos um switch verificando os tipos do Failure o linter já irá retornar um erro dizendo para verificar todas as subclasses de Failure.

Muito bacana esses novos modificadores né? Para mais informações procure na documentação oficial do dart https://dart.dev/language/class-modifiers ou em https://dart.dev/language/modifier-reference#valid-combinations.

Nosso querido Professor Diego também tem um vídeo bem bacana sobre esse assunto, confira abaixo:

Vlw! 😉

Entre em nosso discord para interagir com a comunidade: flutterbrasil.com.br

Multiplos retornos no Flutter/DART com os Records

Toshi Ossada — Sat, 18 May 2024 13:35:50 +0000

No último dia 10 de maio, ocorreu o Google IO, obviamente não foi um evento voltado para (somente) programação e sim um evento que anuncia todos os seus próximos lançamentos como o Bard, Pixel Tablet, Pixel Fold, Pixel Watch. etc.

Claro todos estávamos ansiosos com o lançamento do Dart 3 que foi anunciado em janeiro no Flutter Forward, e foi exatamente isso que aconteceu, Dart 3 na Stable junto com a vinda do Flutter 3.10, muitos acabaram se decepcionando pois estavam com expectativas muito elevadas achando que viria novidade, mas as novidades eram as que foram anunciadas no Flutter Forward.

Uma das features que eu particularmente estava aguardando é a possibilidade de sua função conseguir retornar mais de um valor, e isso hoje é possível aos records.

Basicamente é só colocar os tipos dos retornos entre parênteses e receber nas variáveis, também em parênteses, descontruindo os retornos

No retorno ao invés de receber em várias variáveis posso também receber em apenas uma e acessar de forma posicional.

Também conseguimos passar o retorno de forma nomeada, basta colocar o nome do retorno na frente do tipo do dado

Caso queiramos ignorar alguns dos retornos basta usar o underline como nome da variável de retorno

Com isso podemos fazer tratamento de erros que nem é de costume fazer em algumas linguagens como o Go Lang de retornar um Erro ou o valor da função e depois de retornarmos validamos se o erro foi retornado

A dúvida de muitos será, isso substitui o DartZ? E a resposta é depende, se utiliza o DartZ apenas para retornar dois valores sim, entretanto o DartZ tem muitas outras features que nos auxiliam no desenvolvimento.

Muito bacana essa nova funcionalidade no Dart 3 né? Pode não parecer grande coisa, mas eu, que trabalhei com linguagens que tinham essa possibilidade, posso te garantir que ajuda bastante. Além do mais os records possibilitaram outras features mais interessantes como os Destructuring e os records patterns que iremos ver nos proximos artigos :)

Tem vários exemplos em meu github https://github.com/toshiossada Dê uma olhada e deixe suas estrelinhas! :)

Entre em nosso discord para interagir com a comunidade: flutterbrasil.com.br

Offline First no Flutter utilizando o DIO e Hive

Toshi Ossada — Wed, 01 May 2024 01:40:19 +0000

Quando desenvolvemos um aplicativo é muito comum termos dependência de dados que vem da internet, entretanto garantir que o usuário esteja 100% do tempo conectado á rede mundial de computadoress é uma tarefa impossível.

Com este problema em vista várias empresas adotam o conceito do Offline First, para garantir que algumas funcionalidades permaneçam funcionando mesmo que o usuário esteja desconectado a uma rede de internet.

O offline first trabalha com o conceito de local storage, que basicamente iremos armazenar informações que virão da internet (uma requisição da api) para quando o dispositivo do usuário estiver desconectado (ou até mesmo para não precisar fazer várias requisições desnecessárias) ele consiga utilizar algumas funções.

Para este artigo utilizaremos o Dio como cliente HTTP e o hive como banco de dados local, também precisaremos do build_runner e do hive_generator

Primeiramente vamos construir o modelo que iremos salvar nossos dados offline (cache) , nele iremos precisar de um campo identificador, um para a data de atualização e um campo que irá conter o Map do resultado da API.

Será necessário executar o build_runner

flutter pub run build_runner build

Nesse momento podemos criar a classe que ficará responsável por gerenciar este banco de dados local, chamaremos de cache_adapter. Nele teremos um método para recuperar o dado salvo em um determinado id, e outro para inserir/atualizar o valor armazenado

Podemos melhorar este código e fazer a segregação por interface

Agora vamos fazer um simples caso de uso que irá verificar se o dispositivo está conectado a internet.

Agora no Dio precisamos criar um Interceptador pois iremos interceptar o métodos onRequest e onResponse. Neles vamos receber via injeção de dependências pelo construtor tanto a classe que irá gerenciar o cache, quanto o caso de uso que irá verificar a conectividade

Se não faz ideia do que são interceptadores do DIO tem um artigo bem legal que escrevi a um tempo explicando-os https://toshiossada.medium.com/consumindo-api-utilizando-o-dio-9ec72aeceeaa

Agora no método onResponse vamos armazenar o resultado da consulta quando fizermos uma requisição GET e colocaremos um tempo de validade de cinco minutos no cache armazenado. Note que como id usaremos o path da requisição GET, pois desta maneira toda vez que ele fizer requisição para o mesmo endpoint iremos atualizar o valor para o mais atual.

No Método onRequest chamamos o caso de uso para verificar a conectividade do dispositivo e caso não esteja conectado iremos recuperar o valor armazenado para aquela URL.

Desta forma mesmo com o dispositivo offline conseguiremos continuar fazendo a busca

Legal né? Agora você pode utilizar esta ideia e evoluir seus aplicativo para funcionar de forma offline

Acesse o projeto de exemplo
https://github.com/toshiossada/termo_hack

Entre em nosso discord para interagir com a comunidade: https://discord.com/invite/flutterbrasil
https://linktr.ee/flutterbrasil

Publicando seus packages no pub.dev

Toshi Ossada — Wed, 01 May 2024 01:32:31 +0000

Fala Devs, é muito comum quando vamos desenvolver um app a recorrermos a utilização de packages lá no pub.dev, lá tem packages realmente uteis e aposto que você já teve uma ideia que também iria ajudar alguém, o que alguns talvez não saibam é que todos nós podemos submeter nossos packages para serem utilizados lá, além disso podemos criar nosso projeto orientados a packages onde criamos cada feature de nosso projeto e disponibilizamos por meio de packages para o restante do nosso time. Neste artigo iremos criar um package para ser publicado no pub.dev.

Primeiramente precisamos criar nosso projeto com o flutter create, mas antes de realizarmos o create vamos adicionar o argumento -h para saber o que podemos fazer no flutter create.

Observe que temos o argumento — template= é exatamente este argumento que utilizaremos para gerar o package, em especial temos o tipo package e plugins, basicamente packages são pacotes em código puro em dart e plugins são pacotes que usarão código nativo (kotlin ou swift), no artigo de hoje iremos utilizar o package.

Com isso teremos uma estrutura bem semelhante ao do app em flutter

E se observarmos o pubspec ele também é bem parecido, ele possui algumas informações a mais como nome do package, descrição, versão etc. também podemos adicionar dependências, vamos adicionar o Dio.

Como se trata de um package é muito importante em tomar cuidado de que as dependências que utilizamos não quebre com a versão conforme a versão (e ao mesmo tempo não deixarmos obsoletas) então na versão vamos utilizar a notação >= 3.0.9 < 4.0.0, isso significa que ele ira utilizar o DIO na versão mais recente a partir da 3.0.9 e até a versão 4.0.0, isso porque quando mudar a major version significa que o package teve uma grande break change e provavelmente irá fazer com que meu código quebre.

Vamos também alterar a description, esta informação é a que aparecerá no about do seu package no pub.dev.

Algo bastante importante a se fazer (caso deseje publicar seu package no pub.dev) é criar um projeto de exemplo chamado exemplo dentro do projeto do seu package, mostrando em como você deve utilizar seu package.

Com isso você já pode ir ao pubspec do seu projeto ‘example’ e adicionar referência para seu package

Utilizaremos o nome que está no arquivo principal do seu package

Feito isso vamos voltar ao projeto do nosso package e estruturá-lo da seguinte maneira.

Em nossa model vamos prepará-la para receber o JSON e armazenar o id, o nome do Pokémon e a url da imagem.

Em nosso repository apenas iremos fazer uma requisição ao https://pokeapi.co/api/v2/pokemon/num utilizando o Dio, passando o número como parâmetro, isso me retornara informações do Pokémon

Já no meu controller apenas terei o método que recebera um número e irá chamar meu get() do repository

Enfim, tenho um widget que tem um FutureBuilder que receberá o retorno da função get do controller e irá tratar o retorno para montar uma coluna com a imagem do Pokémon e o nome e o número em cima.

Agora no meu arquivo principal eu preciso exportar meu widget para que meu aplicativo consiga enxergar meu widget (poderia exportar aquilo que eu quiser como os modelos e até mesmo os repositories)

Agora voltamos ao meu app de exemplo para testarmos a implementação do meu package.

No arquivo main.dart vamos importar o widget do meu package

E já na minha HomePage posso chamar meu widget Pokemon() passando o parâmetro num.

Desta forma ao rodarmos o App teremos o seguinte resultado

Pronto! meu package está pronto para uso, caso eu queira deixar meus packages privados para utilização de um projeto interno utilizando a orientação a packages, eu paro por aqui, coloco em um repositório privado da minha empresa e utilizo ele em meu projeto. Mas a intenção do artigo é também mostrar como podemos publicá-los em modo público lá no pub.dev.

Então vamos seguir em frente, é uma boa publicarmos nosso package lá no github em um repositório público. Para isso vamos lá no github, clicamos em New

Depois damos um nome para o repositório e uma descrição

Depois voltamos no terminal aberto la no nosso projeto e primeiramente iniciaremos o git na nossa pasta com git init

Temos que adicionar as alterações no nosso repositório local com git add .

E agora commitar nossas alterações

Em seguida vamos apontar o git para o endereço do nosso github

E finalmente dar um git push para empurrar nossas alterações para o repositório (no caso o github)

Feito isso nosso código estará lá no github

Agora podemos alterar a homepage no pubspec do nosso package para o endereço do github.

Temos também um arquivo de Changelog, lá é onde colocaremos as modificações do package conforme a versão

Ele vai aparecer lá no site do pub.dev na aba changelog

Feito isso é só publicar o package flutter pub publish, mas antes disso vamos ver o -h

Lá temos o argumento –dry-run, este argumento serve para verificar se está tudo certo no seu package e se está sem nenhuma pendência para ser publicado.

Se estiver tudo certo aparecera esta mensagem. Agora sim podemos publicar

Vai pedir para você confirmar

Logo em seguida ele irá pedir para realizar login na sua google account, basta entrar no link e fazer o login

Depois de fazer o login aparecera a mensagem de sucesso

A aparição do seu package no pub.dev não é imediata, leva um tempo ate replicar em todos os servidores, mas se voltar em alguns minutos já irá ver seu package publicado

Viu só? É muito facil construir um package, agora você já pode fazer o seu.

Entre em nosso discord para interagir com a comunidade: https://discord.com/invite/flutterbrasil
https://linktr.ee/flutterbrasil

Executando processos paralelos com Flutter/DART

Toshi Ossada — Fri, 26 Apr 2024 14:18:42 +0000

Executando processos paralelos com Flutter/DART

O Flutter que conhecemos tem uma execução num único thread e essa thread é executada em único, o que chamamos, de isolate.

Essa isolate, conhecida como main isolate, e as vezes necessitamos executar processos que podem gerar concorrência então a main isolate faz toda a gerência de seu event loop para que possamos executar códigos de forma assíncrona.

Então quer dizer que se eu tiver uma tarefa que executa muito tempo basta colocar no event loop que não terei problema? errado! há casos que temos tarefas muito pesados que causara gargalo em meu event loop (que também contém instruções de renderização) e irá causar travamentos (janks) na tela.

No exemplo acima temos uma animação que roda constantemente, mas perceba-se que quando executamos uma função, no caso o cálculo de Fibonacci, que é um cálculo custoso.

Nesse caso a solução seria fazer um processamento paralelo ao main isolate criando um novo isolate (já que Future, event loops, etc NÃO É processamento paralelo).

Mas o que são isolates?

O dart utiliza isolates que executam suas instruções de forma sequencial e em uma região da memória dedicada a ela. Cada isolate tem sua memória dedicada e seu próprio event loop que são isolados para esse propósito. diferente das threads esses isolates não podem acessar os dados um dos outros diretamente. Toda comunicação deve ser feita através de mensagens.

Afim de prever alguns erros comuns na utilização de threads como: mutabilidade de dados, os clássicos problemas de bloqueios, dead-locks, etc. que são bastante comuns em programação paralela.

Para trabalharmos para criar isolates existem basicamente duas formas, a primeira forma mais simples é utilizando o método compute().

O método compute() recebe 2 parâmetros, o primeiro é um método(NOTE QUE ESSE MÉTODO NECESSITA SER STATIC) que será executado dentro da isolate que será criado e o outro é o parâmetro que irá passar da main isolate para a nova isolate.

Ao final da execução da isolate ela irá retornar um valor para a mais isolate, não há necessidade de preocupar com o fechamento da isolate e não há comunicação por mensagens entre a isolate criada e a main isolate.

A segunda forma mais completa é utilizando o Isolate.spawn(), este também possui dois parâmetros igualmente o compute().

Nesse caso criamos um Objeto chamado Message que iremos utilizar como parâmetro do método a ser executado dentro da isolate, criamos o ReceiverPort que é uma abstração que implementa uma stream através dele conseguimos passar o sendPort para a nova isolate. Através deles conseguimos fazer a comunicação entre as duas isolates, onde as mensagens enviadas pelo sendPort são capturadas no ReceivePort e como trata de uma Stream, podemos escutar essas mensagens.

O método Isolate.exit() faz a transferência de dados para o Isolate receptor, que nesse exemplo seria o main.

Algumas vantagens na utilização de isolates são:

A possibilidade de execução de operações computacionais custosas de forma performática;
Possibilita a experiencia fluida de animações.

Então agora vou utilizar isolates a rodo em meu projeto? Não, nem tudo são flores, então existem desvantagens de utilizar isolates, como:

Complexidade de código;
É um processo extremamente custoso ao dispositivo, principalmente em questão de memória.

Então nosso exemplo do Fibonacci ficaria da seguinte forma.

Note que não há mais problemas de janks na execução do calculo.

Agora imagine o caso em que eu preciso que você tem um aplicativo aplicando todos os bons conceitos do SOLID e utiliza um package de service locator para resolver as dependências de sua classe?

Você recebe a usecase por construtor da controller.

E tenta executar o caso de uso dentro da isolate.

Isso não será possível simplesmente pelo fato de que a inicialização dos Binds (no caso do Modular) terem sido feito na memória da main isolate e como não há compartilhamento de memoria entre os isolates. Uma solução é fazer a inicialização dos Binds novamente do package que escolheu para service locator.

No caso do Flutter Modular podemos criar um modulo isolado contendo todas as instancias de classe que iremos utilizar dentro do isolate.

e através do Modular.init() podemos inicializar dentro da isolate o modulo novo.

Dessa forma conseguimos recuperar as instancias através do Modular.get().

Legal né? Muito simples fazer programaçao paralela no Dart, tem um exemplo muito legal no meu github, entre lá confira e dar estrelinha no repositório.

https://github.com/toshiossada/hive_example

Entre em nosso discord para interagir com a comunidade: https://discord.com/invite/flutterbrasil
https://linktr.ee/flutterbrasil