在我的 flutter 应用程序中分离不同模块的路由的最佳方法是什么

Question

现在我正在使用生成的路由。我有一个类将所有路由返回到 onGenerateRoute。我的应用程序中有几个模块，我已将它们分开。可访问的模块取决于用户的类型。我尝试为每个模块创建不同的路由文件，并可以从主路由文件访问它们。我正在使用块状态管理。 （我的路线文件开始变得非常混乱。）

Answer 1

我完成此操作的一种方法是通过嵌套导航并使用多个导航器小部件，每个小部件管理一组路线（如果您使用的是Navigator 1.0）。

例如;在主路由对象中，您可以拥有到每个模块小部件的路由： 用户和管理员：

routes: {
   '/user': (context) => UserWidget(),
   '/admin': (context) => AdminWidget()
}

然后在每个小部件（定义单独的模块）中，您可以有一个嵌套的导航器小部件，它列出每个模块的路由（某些“伪”代码来了解想法）：

class AdminWidget 
- Navigator
   - onGenerateRoute
     - '/admin_page1'
     - '/admin_page2'
     - '/admin_page3'

class UserWidget 
- Navigator
  - onGenerateRoute
    - '/user_page1'
    - '/user_page2'
    - '/user_page3'

这样您就可以对路线进行分组，并根据用户的类型或角色将用户引导至相应的路线。这是一种方法。

Answer 2

您应该做的是为每个模块创建一个路由器，并将这些路由器注册到主路由器中。

在主路由器中，您注册模块路由器。

以下是我的做法：

应用程序路由器：

class AppRouter {
  AppRouter._();
  static final _instance = AppRouter._();
  factory AppRouter() => _instance;

  final _moduleRouterRegistration = <SubRouter>[
    moduleARouter,
    moduleBRouter,
  ];

  Route onGenerateRoute(RouteSettings settings) {
    final routeComponents = settings.name!.split(' ');
    //Backward compatibility check
    if (routeComponents.length == 1) {
      return MainAppRouter.generateRoutes(settings);
    }

    final module = _moduleRouterRegistration.firstWhere(
      (subRouter) => subRouter.moduleName == routeComponents[0],
      orElse: () => throw Exception(
        'Module with name ${routeComponents[0]} not registered in Router',
      ),
    );
    final routeName = routeComponents[1];
    final splitRouteSettings = RouteSettings(
      name: routeName,
      arguments: settings.arguments,
    );
    return Platform.isIOS
        ? CupertinoPageRoute(
            builder: (_) => module.router(splitRouteSettings),
            settings: splitRouteSettings,
          )
        : MaterialPageRoute(
            builder: (_) => module.router(splitRouteSettings),
            settings: splitRouteSettings,
          );
  }
}

主/现有路由器：

abstract class MainAppRouter {
  static Route<dynamic> generateRoutes(RouteSettings settings) {
    switch (settings.name) {
      case dashboardRoute:
        return getPageRoute(
          settings: settings,
          view: const MyHomePage(),
        );
      case normalARoute:
        return getPageRoute(
          settings: settings,
          view: const NormalA(),
        );
      case normalBRoute:
        return getPageRoute(
          settings: settings,
          view: const NormalB(),
        );
      default:
        return getPageRoute(
          settings: settings,
          view: Scaffold(
            body: Center(
              child: Text('No route defined for ${settings.name}'),
            ),
          ),
        );
    }
  }

  static PageRoute<dynamic> getPageRoute({
    required RouteSettings settings,
    required Widget view,
  }) {
    return Platform.isIOS
        ? CupertinoPageRoute(settings: settings, builder: (_) => view)
        : MaterialPageRoute(settings: settings, builder: (_) => view);
  }
}

子路由器接口：

abstract class SubRouter {
  String get moduleName;
  Widget router(RouteSettings settings);
}

子路由器：

final moduleARouter = _ModuleARouter();

class _ModuleARouter implements SubRouter {
  @override
  String get moduleName => 'moduleA';

  @override
  Widget router(RouteSettings settings) {
    switch (settings.name) {
      case aOneRoute:
        return ViewAOne();
      case aTwoRoute:
        return const ViewATwo();
      case aThreeRoute:
        return ViewAThree();
      default:
        return const Scaffold(
          body: Center(
            child: Text(
              'Cannot find route',
            ),
          ),
        );
    }
  }
}

AppRouter().onGenerateRoute 被注册为材质应用程序的 onGenerateRoute 方法。

您可以检查 github 存储库以获取工作示例
https://github.com/mastersam07/sphr-