{"id":109412,"date":"2025-05-17T22:23:13","date_gmt":"2025-05-17T18:53:13","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/go-router-navigation-observer-1gj4\/"},"modified":"2025-05-17T22:23:13","modified_gmt":"2025-05-17T18:53:13","slug":"go-router-navigation-observer-1gj4","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/go-router-navigation-observer-1gj4\/","title":{"rendered":"Go Router Navigation Observer – Community Dev"},"content":{"rendered":"
\n

GO_ROUTER \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062d\u0628\u0648\u0628 \u062a\u0631\u06cc\u0646 \u0628\u0633\u062a\u0647 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0627\u0648\u0628\u0631\u06cc \u062f\u0631 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 Flutter \u0627\u0633\u062a \u0648 \u0627\u0632 \u0622\u0646\u062c\u0627 \u06a9\u0647 \u0628\u062e\u0634\u06cc \u0627\u0632 \u062a\u06cc\u0645 Flutter \u0634\u062f \u060c \u0628\u0647 \u0631\u0627\u0647 \u062d\u0644 \u0627\u0635\u0644\u06cc \u062a\u0648\u0635\u06cc\u0647 \u0634\u062f\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0622\u0633\u0627\u0646 \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u063a\u0646\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0633\u062a.<\/p>\n

\u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u060c \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc ShellRoute<\/code>\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0631\u06cc\u0627\u0646 \u0646\u0627\u0648\u0628\u0631\u06cc \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0648 \u062f\u0627\u0634\u062a\u0646 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0646\u0627\u0648\u0628\u0631\u06cc “\u0622\u06af\u0627\u0647 \u0647\u0633\u062a\u0646\u062f” \u062f\u0634\u0648\u0627\u0631\u062a\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0634\u0645\u0627\u0631\u0647 \u0628\u0631\u062c\u0633\u062a\u0647 \u0634\u062f \u060c \u0648\u0642\u062a\u06cc \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f ShellRoute<\/code>\u060c \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0627\u06a9\u0646\u0634 \u067e\u0630\u06cc\u0631\u06cc \u0631\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u0633\u06cc\u0631 \u0627\u0632 \u062f\u0633\u062a \u0645\u06cc \u062f\u0647\u062f: NavigationObserver<\/code> \u062f\u06cc\u06af\u0631 \u062a\u062d\u0631\u06cc\u06a9 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0645\u0646\u062a\u0638\u0631 \u06cc\u06a9 \u0631\u0627\u0647 \u062d\u0644 \u0631\u0633\u0645\u06cc \u06cc\u0627 \u0631\u0627\u0647 \u062d\u0644 \u062f\u0627\u062e\u0644\u06cc \u0627\u0632 \u062a\u06cc\u0645 Flutter \u0647\u0633\u062a\u06cc\u0645 \u060c \u0645\u0627 \u0647\u0646\u0648\u0632 \u0647\u0645 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0627 \u06af\u0648\u0634 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0622\u0646 \u0631\u0641\u062a\u0627\u0631 \u0622\u06af\u0627\u0647\u0627\u0646\u0647 \u0645\u0633\u06cc\u0631 \u0631\u0627 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 GoRouterDelegate<\/code>\u0628\u0634\u0631<\/p>\n

\u06a9\u062f \u0632\u06cc\u0631 \u0628\u0647 GoRouterDelegate<\/code> \u062f\u0631 \u0637\u0648\u0644 \u0686\u0631\u062e\u0647 \u0639\u0645\u0631 \u0648\u06cc\u062c\u062a \u0648 \u0627\u0632 \u0648\u0636\u0639\u06cc\u062a \u062f\u0627\u062e\u0644\u06cc \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0645\u0633\u06cc\u0631 \u0628\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u0627\u0641\u0634\u0627\u06cc \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc \u062a\u0645\u0627\u0633 \u062f\u0631 \u067e\u0627\u0633\u062e \u0628\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0644\u0628\u062a\u0647 \u060c \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0634\u0645\u0627 \u0628\u0627\u0634\u062f – \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u060c \u0648\u0627\u06a9\u0646\u0634 \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0648 \u0645\u0648\u0627\u0631\u062f \u062f\u06cc\u06af\u0631.<\/p>\n

\n
import<\/span> 'package:flutter\/material.dart'<\/span>;<\/span>\nimport<\/span> 'package:go_router\/go_router.dart'<\/span>;<\/span>\n\n\/\/\/ A mixin that allows a widget to be aware of the current route.<\/span>\nmixin<\/span> GoRouterAware<\/span><<\/span>T<\/span> extends<\/span> StatefulWidget<\/span>><\/span> on<\/span> State<\/span><<\/span>T<\/span>><\/span> {<\/span>\n  \/\/\/ The route to be aware of.<\/span>\n  late<\/span> final<\/span> Uri<\/span> _observerLocation<\/span>;<\/span>\n\n  \/\/\/ The current state of the [_observerLocation].<\/span>\n  late<\/span> _GoRouterAwareState<\/span> _state<\/span>;<\/span>\n\n  \/\/\/ go router delegate.<\/span>\n  late<\/span> GoRouterDelegate<\/span> _delegate<\/span>;<\/span>\n\n  \/\/\/ The context of the widget.<\/span>\n  late<\/span> BuildContext<\/span> _context<\/span>;<\/span>\n\n  \/\/\/ The location of the top route<\/span>\n  Uri<\/span>?<\/span> _currentLocation<\/span>;<\/span>\n\n  @override<\/span>\n  void<\/span> initState<\/span>()<\/span> {<\/span>\n    _context<\/span> =<\/span> context<\/span>;<\/span>\n\n    final<\/span> router<\/span> =<\/span> GoRouter<\/span>.<\/span>of<\/span>(<\/span>_context<\/span>);<\/span>\n\n    _state<\/span> =<\/span> _GoRouterAwareState<\/span>.<\/span>topRoute<\/span>;<\/span>\n    _observerLocation<\/span> =<\/span> router<\/span>.<\/span>state<\/span>.<\/span>uri<\/span>;<\/span>\n    _delegate<\/span> =<\/span> router<\/span>.<\/span>routerDelegate<\/span>;<\/span>\n\n    _onChange<\/span>();<\/span>\n    _delegate<\/span>.<\/span>addListener<\/span>(<\/span>_onChange<\/span>);<\/span>\n    super<\/span>.<\/span>initState<\/span>();<\/span>\n  }<\/span>\n\n  @override<\/span>\n  void<\/span> didChangeDependencies<\/span>()<\/span> {<\/span>\n    _context<\/span> =<\/span> context<\/span>;<\/span>\n    super<\/span>.<\/span>didChangeDependencies<\/span>();<\/span>\n  }<\/span>\n\n  void<\/span> _onChange<\/span>()<\/span> {<\/span>\n    _currentLocation<\/span> =<\/span> GoRouter<\/span>.<\/span>of<\/span>(<\/span>_context<\/span>)<\/span>.<\/span>state<\/span>.<\/span>uri<\/span>;<\/span>\n\n    if<\/span> (<\/span>_currentLocation<\/span> ==<\/span> null<\/span>)<\/span> {<\/span>\n      return<\/span>;<\/span>\n    }<\/span>\n\n    \/\/\/ If the current route is the top route and the current location is the same as the observer location then [_observerLocation] is the top route.<\/span>\n    if<\/span> (<\/span>_state<\/span>.<\/span>isTopRoute<\/span> &&<\/span>\n        _sameLocation<\/span>(<\/span>_currentLocation<\/span>!<\/span>,<\/span> _observerLocation<\/span>))<\/span> {<\/span>\n      didPush<\/span>();<\/span>\n      return<\/span>;<\/span>\n    }<\/span>\n\n    \/\/\/ If the current route is pushed next and the current location is the same as the observer location then [_observerLocation] is returned to the top route.<\/span>\n    if<\/span> (<\/span>_state<\/span>.<\/span>isPushedNext<\/span> &&<\/span>\n        _sameLocation<\/span>(<\/span>_currentLocation<\/span>!<\/span>,<\/span> _observerLocation<\/span>))<\/span> {<\/span>\n      didPopNext<\/span>();<\/span>\n      _state<\/span> =<\/span> _GoRouterAwareState<\/span>.<\/span>topRoute<\/span>;<\/span>\n      return<\/span>;<\/span>\n    }<\/span>\n\n    \/\/\/ If the current route is not the top route and the current location contains the observer location then [_observerLocation] is no longer the top route.<\/span>\n    if<\/span> (<\/span>!<\/span>_sameLocation<\/span>(<\/span>_currentLocation<\/span>!<\/span>,<\/span> _observerLocation<\/span>)<\/span> &&<\/span>\n        _currentLocation<\/span>!.<\/span>path<\/span>.<\/span>toString<\/span>()<\/span>.<\/span>contains<\/span>(<\/span>_observerLocation<\/span>.<\/span>path<\/span>))<\/span> {<\/span>\n      _state<\/span> =<\/span> _GoRouterAwareState<\/span>.<\/span>pushedNext<\/span>;<\/span>\n      didPushNext<\/span>();<\/span>\n      return<\/span>;<\/span>\n    }<\/span>\n\n    \/\/\/ If the current route is the top route and the current location does not contain the observer location then [_observerLocation] is popped off.<\/span>\n    if<\/span> (<\/span>_state<\/span>.<\/span>isTopRoute<\/span> &&<\/span>\n        !<\/span>_currentLocation<\/span>!.<\/span>path<\/span>.<\/span>toString<\/span>()<\/span>.<\/span>contains<\/span>(<\/span>_observerLocation<\/span>.<\/span>path<\/span>))<\/span> {<\/span>\n      didPop<\/span>();<\/span>\n      _state<\/span> =<\/span> _GoRouterAwareState<\/span>.<\/span>poppedOff<\/span>;<\/span>\n      return<\/span>;<\/span>\n    }<\/span>\n  }<\/span>\n\n  \/\/\/ Check if two locations have the same path.<\/span>\n  bool<\/span> _sameLocation<\/span>(<\/span>Uri<\/span> a<\/span>,<\/span> Uri<\/span> b<\/span>)<\/span> {<\/span>\n    return<\/span> a<\/span>.<\/span>path<\/span>.<\/span>toString<\/span>()<\/span> ==<\/span> b<\/span>.<\/span>path<\/span>.<\/span>toString<\/span>();<\/span>\n  }<\/span>\n\n  \/\/\/ Called when the top route has been popped off, and the current route<\/span>\n  \/\/\/ shows up.<\/span>\n  void<\/span> didPopNext<\/span>()<\/span> {}<\/span>\n\n  \/\/\/ Called when the current route has been pushed.<\/span>\n  void<\/span> didPush<\/span>()<\/span> {}<\/span>\n\n  \/\/\/ Called when the current route has been popped off.<\/span>\n  void<\/span> didPop<\/span>()<\/span> {}<\/span>\n\n  \/\/\/ Called when a new route has been pushed, and the current route is no<\/span>\n  \/\/\/ longer visible.<\/span>\n  void<\/span> didPushNext<\/span>()<\/span> {}<\/span>\n\n  @override<\/span>\n  void<\/span> dispose<\/span>()<\/span> {<\/span>\n    _delegate<\/span>.<\/span>removeListener<\/span>(<\/span>_onChange<\/span>);<\/span>\n    super<\/span>.<\/span>dispose<\/span>();<\/span>\n  }<\/span>\n}<\/span>\n\nenum<\/span> _GoRouterAwareState<\/span> {<\/span>\n  pushedNext<\/span>,<\/span>\n  topRoute<\/span>,<\/span>\n  poppedOff<\/span>;<\/span>\n\n  bool<\/span> get<\/span> isTopRoute<\/span> =<\/span>><\/span> this<\/span> ==<\/span> topRoute<\/span>;<\/span>\n  bool<\/span> get<\/span> isPushedNext<\/span> =<\/span>><\/span> this<\/span> ==<\/span> pushedNext<\/span>;<\/span>\n  bool<\/span> get<\/span> isPoppedOff<\/span> =<\/span>><\/span> this<\/span> ==<\/span> poppedOff<\/span>;<\/span>\n}<\/span>\n<\/code><\/pre>\n
\n
\n    \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    \n<\/svg><\/p>\n
    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    \n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n
\u067e\u06cc\u0648\u0646\u062f GitHub.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
GO_ROUTER \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062d\u0628\u0648\u0628 \u062a\u0631\u06cc\u0646 \u0628\u0633\u062a\u0647 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0627\u0648\u0628\u0631\u06cc \u062f\u0631 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 Flutter \u0627\u0633\u062a \u0648 \u0627\u0632 \u0622\u0646\u062c\u0627 \u06a9\u0647 \u0628\u062e\u0634\u06cc \u0627\u0632 \u062a\u06cc\u0645 Flutter \u0634\u062f \u060c \u0628\u0647 \u0631\u0627\u0647 \u062d\u0644 \u0627\u0635\u0644\u06cc \u062a\u0648\u0635\u06cc\u0647 \u0634\u062f\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0622\u0633\u0627\u0646 \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u063a\u0646\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u060c \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc ShellRoute\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0631\u06cc\u0627\u0646 …<\/p>\n","protected":false},"author":2,"featured_media":109413,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-109412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/109412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=109412"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/109412\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/109413"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=109412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=109412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=109412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}