RouteGuard not working in AutoTabsScaffold

[iamnabink]

I am trying add auth guard for my AutoTabsScaffold [bottom nav] but it's not working, It's working in other navigation pages but not just inside my landing page [where AutoTabsScaffold| Bottom Nav resides] am I missing something here?

class LandingPage

   return AutoTabsScaffold(

      backgroundColor: Theme
          .of(context)
          .scaffoldBackgroundColor,
        routes: const [
          HomeRouter(),
          CategoryRouter(),
          OrderRouter(),
          ProfileRoute(),
      ],
      bottomNavigationBuilder: (_, tabsRouter) {return}

class auth guard:

class RouteGuard extends AutoRedirectGuard {
  final AuthService authService;

  RouteGuard(this.authService) {
    authService.addListener(() {
      if (!authService.authenticated) {
        // should be called when the logic effecting this guard changes
        // e.g when the user is no longer authenticated
        reevaluate();
      }
    });
  }

  @override
  void onNavigation(NavigationResolver resolver, StackRouter router) {
    if (authService.authenticated) return resolver.next();
    router.push(
      LoginRoute(
        onLoginCallback: (_) {
          resolver.next();
          router.removeLast();
        },
      ),
    );
  }
}

router.dart

@MaterialAutoRouter(
  replaceInRouteName: 'Page|Screen,Route',
  routes: <AutoRoute>[
    AutoRoute(page: OrderPreviewPage),
    AutoRoute(page: AddCardPage,),
    AutoRoute(page: PaymentPage,),
    AutoRoute(page: SplashPage, initial: true),
    AutoRoute(page: MyCartPage,),
    AutoRoute(page: IntroPage),
    AutoRoute(page: RegisterPage),
    AutoRoute(page: ProductDetailPage),
    AutoRoute(page: ProductListingPage),
    AutoRoute(page: CartSummaryPage,),
    AutoRoute(page: LoginPage, path: 'login'), //name: 'LoginRoute'
    AutoRoute(
      initial: true,
      page: LandingPage,
 //  guards: [RouteGuard],    //<------- here registered router guard working in [Tabscaffold]
      path: 'landing',
      children: [
        AutoRoute(
          path: '',
          name: 'homeRouter',
          page: HomePage,
        ),
        AutoRoute(
          path: 'category',
          name: 'categoryRouter',
          page: CategoryPage,
        ),
        AutoRoute(
          path: 'orders',
          name: 'orderRouter',
          page: OrdersPage,
        ),
        AutoRoute(
          path: 'profile',
          guards: [RouteGuard],    //<------- here registered router guard but not working in Tabscaffold page
          page: ProfilePage,
        ),
        // RedirectRoute(path: '*', redirectTo: ''),

      ],
    ),
  ],
)

@Milad-Akarie waiting for you answer :)

[Milad-Akarie]

@iamnabink RouteGuards are not supported in TabsRouter for now.

[breucode]

I just stumbled over the same problem. I would be very happy, if this will be a supported in the future.

[iamnabink]

@iamnabink RouteGuards are not supported in TabsRouter for now.

would be very happy, if this will be a supported in the future.

[gabzim]

@Milad-Akarie do you mean that:
a. if we have 3 tabs for 3 different routes, we can't fire a guard when you switch tabs (eg to require face ID to change settings)? or
b. The Route containing the AutoTabScaffold cannot be guarded?

If a. then is there any workaround? My use case is that I want to use local_auth before letting the user change/see settings.

[wamynobe]

Any update on this please?

[BriceFab]

same

[nahiduzzaman-at-selise]

is it working now? as I see the issue is closed?

[wamynobe]

#1841 The author said It was planned.