Flutter: BLoC e contextos de navegação

Hoje vou mostrar como podemos passar o BLoC para a próxima tela através do navegador se não disponibilizarmos o MultiBlocProvider como provedor global de todos os BLoC.

O exemplo completo que você pode observar no repositório git .
Eu começaria pelo caso de navegação:

Neste caso, temos dois objetos BuildContext diferentes, o primeiro é um objeto de contexto relacionado à função “build” do seu Widget, e o segundo “routeContext” relacionado ao construtor “MaterialPageRoute”.

BLoC Global

Quando MultiBlocProvider envolve toda a aplicação, não importa o contexto a ser usado, pois todos os BLoC serão passados ​​através de cada contexto.

Mas pense bem, todos os widgets terão acesso a cada BLoC. Tudo bem se forem dados de autorização ou algumas informações de perfil que precisam ser acessíveis para vários widgets. Mas se forem dados que devem ser solicitados da API e somente após a autorização ser bem-sucedida, você precisará escrever muitos códigos relacionados à inicialização lenta de cada BLoC e gerenciar eventos subutilizados, estados, etc.

BLoC local

Podemos localizar BLoC para cada parte do aplicativo, você já sabe como fazer isso:

Neste caso, você terá este BLoC apenas neste escopo por exemplo é uma página que utilizou para exibição do catálogo de produtos. Mas todo o código do BlocBuilder dentro do filho deste BlocProvider não terá acesso ao contexto do bloco que força você a passar o contexto do bloco para cada função que precisa dele, como no exemplo:

Solução alternativa com BLoC local

Para evitar a perda de dados do objeto de contexto, basta criar um wrapper sem estado e usar o widget de destino como filho para ter acesso ao bloco a partir do contexto de construção do widget:

Então ficará mais simples construir parte de uma página, passar bloco pela navegação, etc.

E use o mesmo invólucro do outro lado onde você precisa construir um widget de página baseado no BLoC da página anterior, por exemplo Home> ItemDetails:

Como resultado, temos a solução para passar o bloco pela navegação e simplificar o trabalho com BLoC em widgets.

Como de costume, todas as fontes estão abertas e disponíveis no meu repositório GitHub , então boa sorte!

Por favor me ajude se você quiser melhorar este artigo, então não se acanhe - escreva seus comentários!