Nested navigation with AutoTabsRouter in Web Platform about auto_route_library HOT 6 OPEN

@AutoRouterConfig(replaceInRouteName: 'Screen,Route')
class AppRouter extends $AppRouter {
  @override
  final List<AutoRoute> routes = [
    AutoRoute(path: "/", page: StartupView.page),
    AutoRoute(path: "/navigation", page: NavigationView.page, children: [
      AutoRoute(path: "home", page: HomeView.page),
      AutoRoute(
        path: "learning-hub-navigaton",
        page: LearningNavigationView.page,
        children: [
          AutoRoute(path: "learning-hub", page: LearningHubView.page, initial: true),
          AutoRoute(path: "new-activity", page: NewActivityView.page),
          AutoRoute(path: "activity-info", page: ActivityInfoView.page),
        ],
      ),
      AutoRoute(path: "create-course", page: CreateCourseView.page),
      AutoRoute(path: "settings", page: SettingsView.page),
    ]),
  ];
}

Padding(
      padding: const EdgeInsets.fromLTRB(0, 0, 20, 0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
           ... // --> this should be your navbar if i'm not mistaken
          ),
          Expanded(child: AutoRouter()) // --> this is important this is where inner navigations will be displayed like some kind of a placeholder --> [ AutoRoute(path: "learning-hub", page: LearningHubView.page, initial: true),
          AutoRoute(path: "new-activity", page: NewActivityView.page),
          AutoRoute(path: "activity-info", page: ActivityInfoView.page),] these screens are displayed here
        ],
      ),
    );