Router outlet use first module children route to render

[Jictyvoo]

Hey guys!

I really like how Modular looks and works, congrats to you all that develop this awesome library.
But I have a question, and a request if possible, it has someway to define the RouterOutlet first child to render?
I'm currently developing an app that uses a BottomNavigationBar and a RouterOutlet as the Scaffold body (just like in the documentation), but when I enter in the Widget, my navigationBar appear, but the Scaffold body is empty. How I can fix that? (I already tried to add a guard, but I fall in a loop because I can't get the full path of the router (exemple below).

• '/' => Route with RouterOutlet and BottomNavigationBar
  • '/home' => Route with children content to shows up in '/' RouterOutlet (it's another module)
  • '/another' => Another children content

    routes = [
          ChildRoute<StartPage>(
            '/',
            child: (_, args) => StartPage(),
            guards: [AuthGuard(), RedirectGuard()], // AuthGuard checks access token with guardedRoute = '/login'
            children: [
              // Routes in BottomNavigationBar
              // Almost every route should be a ModuleRoute, except MenuPage
              ModuleRoute(
                '/home',
                module: HomeModule(),
              ),
              ModuleRoute(
                '/another',
                module: AnotherModule(),
              ),
              ChildRoute(
                '/menu',
                child: (_, args) => MenuPage(),
              ),
            ],
          ),
          ChildRoute(
            '/login',
            child: (_, args) => LoginPage(),
          ),
    ];

One way that I think is if in ModularRoute we can set an index with default children to be rendered by RouterOutlet

[Jictyvoo]

I made a test with a RouteGuard (which I add in guards of the route '/'). The code is shown below

import 'package:flutter_modular/flutter_modular.dart';

class RedirectGuard implements RouteGuard {
  @override
  Future<bool> canActivate(String url, ModularRoute route) async {
    print(
      'URL: `$url` ---- Fragment: `${route.fragment}` ---- '
      'Path: `${route.path}` ----- RouterName: `${route.routerName}`'
      'ModulePath: `${route.modulePath}` ----- Uri: `${route.uri}`',
    );
    // Return `true`/`false` to allow/disallow access
    return Future.value(true);
  }

  @override
  String? get guardedRoute => '/home';
}

When my page redirects from '/login' to '/home', the home route is a child of '/' route, the output from the print is

 URL: `/` ---- Fragment: `` ---- Path: `/` ----- RouterName: `/`ModulePath: `/` ----- Uri: `/`

So, I don't see how I can get the current route

[lloss]

@Jictyvoo You have to set initial route in the material / cupertino app class instance. But there is a problem, it does not solve the issue with guards, which described above.

[Jictyvoo]

@Jictyvoo You have to set initial route in the material / cupertino app class instance. But there is a problem, it does not solve the issue with guards, which described above.

Yes, this seems to solve the problem at first, thanks!
But yeah, I think that bring the possibility to do this using guards can be good also

[rahmanrezaee]

set init in app_widget.dart Modular.setInitialRoute('/chat');

[terov]

It doesn't solve the problem with multiple nested modules