Question

我需要将一些参数发送到命名路由。我想做类似的事情：

Navigator.pushNamed('/route/1');

或

Navigator.pushNamed('/route?param1=1');

我不知道是否有办法，我正在将MaterialApp与路由器配合使用。

Answer 1

第一种方法是我在应用程序中使用的方法。

Navigator.pushNamed('/route/1');

不要忘记使用onGenerateRoute并传递值。我的应用中的示例：

routes: {
        '/': (BuildContext context) => AuthPage(),
        '/products': (BuildContext context) => ProductsPage(''),
        '/admin': (BuildContext context) =>
            ProductsAdminPage(_addProduct, _deleteProduct),
      },
      onGenerateRoute: (RouteSettings settings) {
        final List<String> pathElements = settings.name.split('/');
        if (pathElements[0] != '') {
          return null;
        }
        if (pathElements[1] == 'product') {
          return MaterialPageRoute<bool>(
            builder: (BuildContext context) => ProductPage(pathElements[2]),
          );
        }
        return null;
      },
      onUnknownRoute: (RouteSettings settings) {
        return MaterialPageRoute(
            builder: (BuildContext context) => ProductsPage('Error'));
      },

Answer 2

有关您问题的直接答案，请参见以下重复问题：How do I pass non-string data to a named route in Flutter?

但是，大多数情况下，执行此操作的最佳方法是不在路由之间传递参数，而是使用app-state-management。例如Redux或Bloc。通常在第一个屏幕上修改状态的地方，然后导航到第二个屏幕并读取状态。这样的优点是能够保持状态并在关闭状态下重新打开您的应用程序。有关状态管理的更多信息，请参见official docs。

使用Navigator.pushNamed导航时如何发送参数

2 个答案: