question: passing bloc/cubit in sub route using gorouter

[PrzemyslawPluszowy]

Hello, I have a question about go_router and Bloc/Cubit.

I have example route structure

       | 
       │ ─/products 
       |─/emails.   <<< CrateMultiBlocProvider
       │      ─/emails/emailDetail.     <<< how to get context in sub route  with existing instance
       │      ─/emails/emailEvent.    <<<. how to get context in sub route. with existing instance

How can I insert MultiBlocProvider in a route and get context in a sub-route? go_router creates a new path and context in the sub-route, but I am referring to app/main.

For example, somewhere in the routing, I create a MultiBlocProvider and initialize new blocs that I want to be closed when leaving this route. However, I also want the context to be passed down to the sub-routes.

[PrzemyslawPluszowy]

i try like this but don't work:

[Gene-Dana]

Hi there ! I believe you are looking for the shell route feature of Go Router

https://pub.dev/documentation/go_router/latest/go_router/ShellRoute-class.html

    navigatorKey: _rootNavigatorKey,
    initialLocation: '/a',
    routes: [
      ShellRoute(
        navigatorKey: _shellNavigatorKey,
/// this is where you can provide blocs/cubit where the context is shared
        builder: (context, state, child) {
          return ScaffoldWithNavBar(child: child);
        },
        routes: [
          // This screen is displayed on the ShellRoute's Navigator.
          GoRoute(
            path: '/a',
            builder: (context, state) {
              return const ScreenA();
            },
            routes: <RouteBase>[
              // This screen is displayed on the ShellRoute's Navigator.
              GoRoute(
                path: 'details',
                builder: (BuildContext context, GoRouterState state) {
                  return const DetailsScreen(label: 'A');
                },
              ),
            ],
          ),
          // Displayed ShellRoute's Navigator.
          GoRoute(
            path: '/b',
            builder: (BuildContext context, GoRouterState state) {
              return const ScreenB();
            },
            routes: <RouteBase>[
              // Displayed on the root Navigator by specifying the
              // [parentNavigatorKey].
              GoRoute(
                path: 'details',
                parentNavigatorKey: _rootNavigatorKey,
                builder: (BuildContext context, GoRouterState state) {
                  return const DetailsScreen(label: 'B');
                },
              ),
            ],
          ),
        ],
      ),
    ],