Flutter: BLoC i konteksty nawigacji

Dzisiaj pokażę wam, jak możemy przekazać BLoC do następnego ekranu poprzez nawigator, jeśli nie zapewniamy MultiBlocProvider jako globalnego dostawcy całego BLoC.

Pełny przykład możesz obserwować w repozytorium git .
Zacząłbym od przypadku nawigacji:

W tym przypadku mamy dwa różne obiekty BuildContext, pierwszy to obiekt kontekstu związany z funkcją „build” Twojego Widżetu, a drugi „routeContext” związany z konstruktorem „MaterialPageRoute”.

Globalne BLoC

Kiedy MultiBlocProvider otacza całą aplikację, nie ma znaczenia, w jakim kontekście użyć coz, cały BLoC będzie przepuszczany przez każdy kontekst.

Ale pomyśl o tym, wszystkie widżety będą miały dostęp do każdego BLoC. Nie ma problemu, jeśli są to dane autoryzacyjne lub informacje o profilu, które muszą być dostępne dla wielu widżetów. Ale jeśli są to dane, których należy żądać od API i dopiero po pomyślnej autoryzacji, będziesz musiał napisać dużo kodu związanego z leniwą inicjalizacją każdego z BLoC i zarządzać niewykorzystanymi zdarzeniami, stanami itp.

Lokalny BLoC

Możemy zlokalizować BLoC dla każdej części aplikacji, już wiesz, jak to zrobić:

W takim przypadku będziesz mieć ten BLoC tylko w tym zakresie, na przykład jest to strona, która służy do wyświetlania katalogu produktów. Ale cały kod z BlocBuilder wewnątrz elementu potomnego tego BlocProvider nie będzie miał dostępu do kontekstu bloku, który zmusza cię do przekazania kontekstu bloku do każdej funkcji, która tego potrzebowała, tak jak w przykładzie:

Obejście problemu z lokalnym BLoC

Aby uniknąć braku danych obiektu kontekstowego, wystarczy utworzyć opakowanie bezstanowe i użyć widgetu docelowego jako dziecko, aby uzyskać dostęp do bloku z kontekstu kompilacji widgetu:

Wtedy łatwiej będzie zbudować część strony, przejść blok przez nawigację itp.

I użyj tego samego opakowania po drugiej stronie, gdzie musisz zbudować widżet strony oparty na BLoC z poprzedniej strony, na przykład Home> ItemDetails:

W rezultacie otrzymaliśmy rozwiązanie do przechodzenia bloku przez nawigację i uproszczenie pracy z BLoC w widżetach.

Jak zwykle wszystkie źródła są otwarte i dostępne w moim repozytorium GitHub , więc powodzenia!

Pomóż mi, jeśli chcesz ulepszyć ten artykuł, więc nie wstydź się - zapisuj swoje komentarze!