Scribd
Cargar
142 vistas60 páginas

Patron Bloc en Flutter

El documento explica el patrón BLoC en Flutter, el cual facilita compartir código entre plataformas separando la lógica de negocios de la aplicación en uno o más Blocs. Un Bloc maneja el estado de la aplicación y los streams, permitiendo que los widgets se suscriban a los cambios de estado. Los eventos agregados al Bloc pueden generar nuevas salidas que actualizan el estado para todos los suscriptores.

Cargado por

Leonardo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
142 vistas60 páginas

Patron Bloc en Flutter

El documento explica el patrón BLoC en Flutter, el cual facilita compartir código entre plataformas separando la lógica de negocios de la aplicación en uno o más Blocs. Un Bloc maneja el estado de la aplicación y los streams, permitiendo que los widgets se suscriban a los cambios de estado. Los eventos agregados al Bloc pueden generar nuevas salidas que actualizan el estado para todos los suscriptores.

Cargado por

Leonardo
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 60

¿Qué es el patrón BLoC en

Flutter?
¿Cómo gestionar el estado en Flutter
con el Patrón BLoC?
Componentes de lógica de negocio
La lógica de negocios debe ser agnóstica de la plataforma.
La lógica de negocios debe ser agnóstica de la plataforma.

Los sistemas agnósticos normalmente se habilitan


mediante el cumplimiento de los estándares
generalmente utilizados o elementos agregados como
la codificación, lo que permitirá que un sistema
funcione en diversos entornos. Es decir, en móviles
(Androi, Aios, web, escritorio)
Por lo que cada plataforma inyectara su implementación
Un Stream es como una tubería de eventos
El Stream es como una tubería, que podrá tener tres tipos de eventos
Ahora dentro del Stream hay algunos eventos

El Streams es una tubería, podrá tener tres tipos de eventos


Recuerda que solo puedes agregar un oyente al Streams
Una vez que el Streams tenga un
oyente, el oyente comenzara a
recibir datos del Stream
Cuando todos los eventos sea
recibidos, generara un done event, y
el oyente dejara de escuchar.
Al cual podras agregarle mas de un oyente.
Al cual podras agregarle mas de un oyente 👉
Veamos un ejemplo del StreamController
Podras agregar eventos por medio del sink en cualquier momento
El Patrón Bloc, facilita compartir código entre plataformas, separando la lógica de
negocios de la aplicación, en uno o mas Blocs
El Patrón Bloc, facilita compartir código entre plataformas, separando la
lógica de negocios de la aplicación, en uno o mas Blocs
Fuente de Un BloC, pero, pueden ser mas
eventos
diferente
a los
widgts,
una nube
Widgets que escuchen los
Streams del BloC
Un BloC, pero, pueden ser mas
Fuente de
eventos
diferente
a los
widgets,
una nube
Los widgets que necesiten realizar alguna función que cambie el estado, podrán agregar
eventos al BloC a través de los sink
La nube,
tambien
podrá
agregar
eventos al
BloC con sink
Ahora, un witget emitirá un evento
Llega un evento al Bloc
El Bloc realiza la lógica de negocios correspondiente
Se debe producir una salida, esta se agregara al Stream correspondiente, y los oyentes
recibirán los nuevos eventos de ese Stream, para que así se reconstruyan con el nuevo
estado
Como podemos ver un
Strems, puede actualizar el
estado de varia widget en
diferentes partes del arbol
Saliendo

Un widget que es oyente


tambien puede agregar
eventos al BloC
Fuentes
diferentes al
Bloc, como una
nube, pueden
agregar
eventos al BloC
Un evento que se agregue al BloC, puede que no genere salida
Finalmente, un evento que se agregue al BloC, puede generar varias salidas
https://morioh.com/p/70076792fdde

Una Guía Completa De La Arquitectura BLoC


De Flutter

https://petercoding.com/flutter/2022/02/27/using-bloc-pattern-in-flutter/

Cómo implementar el patrón BLoC en Flutter desde cero? 👈 Flutter Bloc y Bloc Library 👌
Parte 1

https://www.youtube.com/watch?
v=c1liGPqrMlA&list=PLtp7ENz9bQMR9swg8mB3Pr4fqOI5RFxiU&index=3
Flutter BLoC Update 8.x
https://www.youtube.com/watch?v=uJ6fsjUQ_cQ
Playlits
https://www.youtube.com/watch?
v=uJ6fsjUQ_cQ&list=PLyZTXfAT27iYOPH6E2wngLelgO1vT5rBF
https://bloclibrary.dev/#/coreconcepts

arquitectura por capas con flutter BLoC

También podría gustarte