如何为Widget数组实现路由系统并匹配URL路径？

我在main里定义了如下路由：

routes: {
        '/sign-in': (context) => BlocProvider(
              lazy: false,
              create: (_) => AuthCubit(),
              child: const LandingPage(),
            ),
        '/home': (context) => const HomeLandingPage(),
        '/sign-up': (context) => const SignUpLandingPage(),
        '/language-selection': (context) => const SelectionLanguageScreen(),
        '/camera-page': (context) => CameraPage(),
        '/web-add-page': (context) => const WebAddPage()
      },

现在我在实现WebAddPage的路由时遇到问题：WebAddPage作为一个屏幕Widget，内部定义了一组Widget数组：

final screens = [  // screens是List<Widget>类型
      const WebAddPage(),
      const WebUpdateProducts(),
      const WebUpdateCategories(),
      const WebUpdateStores(),
      const WebUpdateUsers()
    ];

我不想用Navigator.push，因为只是切换内部Widget而非跳转新页面。请问能不能给这个数组实现路由系统，让URL路径和内部切换匹配？之前试了Navigator.push没用，添加路由关键字会把List转成List