flutter - Flutter 通过命名路由导航直接传递参数

Question

在进行命名路线导航时，我一直在查看此处的所有答案以传递参数，但它们似乎是旧答案或者它们不起作用。

从所写的内容来看，它应该可以工作，但似乎什么也没做，所以我不确定我的错误在哪里。

这就是我的设置方式：

Main.dart（使用我的命名路由设置）：

  void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primaryColor: Colors.white,
        ),
        initialRoute: HomePageScreen.id,
        routes: {
          HomePageScreen.id: (context) => HomePageScreen(),
          AddItemScreen.id: (context) => AddItemScreen(),
          AdvertiseScreen.id: (context) => AdvertiseScreen(),
          HomePageFilterScreen.id: (context) => HomePageFilterScreen(),
          HomePageResultsScreen.id: (context) => HomePageResultsScreen(),
          ItemPageProfileScreen.id: (context) => ItemPageProfileScreen(),
          ItemPageProfileSuggestUpdateScreen.id: (context) => ItemPageProfileSuggestUpdateScreen(),
          ItemPageWhereToBuyAddStoreToDatabaseScreen.id: (context) => ItemPageWhereToBuyAddStoreToDatabaseScreen(),
          ItemPageWhereToBuyMapScreen.id: (context) => ItemPageWhereToBuyMapScreen(),
          ItemPageWhereToBuyScreen.id: (context) => ItemPageWhereToBuyScreen(),
          MenuScreen.id: (context) => MenuScreen(),
          NotAvailableScreen.id: (context) => NotAvailableScreen(),
          TermsScreen.id: (context) => TermsScreen(),
          }
   );
  }
}

HomePageResultsScreen.dart（单击按钮时，我使用 push named 导航到下一页，这是有效的，因为新页面 'ItemPageProfileScreen 正在打开）：

onTap: () {
           Navigator.pushNamed(context, ItemPageProfileScreen.id, arguments: 'MyTestString');
          }

ItemPageProfileScreen.dart（我尝试使用 MaterialApp onGenerateRoute 获取参数并打印到屏幕进行测试，但它不起作用）：

  class ItemPageProfileScreen extends StatefulWidget {

  static const String id = 'item_page_profile_screen';

  @override
  _ItemPageProfileScreenState createState() => _ItemPageProfileScreenState();
}

class _ItemPageProfileScreenState extends State<ItemPageProfileScreen> {
  @override
  Widget build(BuildContext context) {

    MaterialApp(
      onGenerateRoute: (routeSettings){
        final arguments = routeSettings.arguments;
        print(arguments.toString());
      },
    );

    return Scaffold(),

谢谢你的帮助。

编辑第二次尝试：

class ItemPageProfileScreen extends StatefulWidget {

  final String argument;

  ItemPageProfileScreen(this.argument);

  static const String id = 'item_page_profile_screen';

  @override
  _ItemPageProfileScreenState createState() => _ItemPageProfileScreenState();
}

class _ItemPageProfileScreenState extends State<ItemPageProfileScreen> {
  @override
  Widget build(BuildContext context) {

    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            Text(widget.argument),

Answer 1

有一篇关于如何使用命名路由传递参数的官方文章。https://flutter.dev/docs/cookbook/navigation/navigate-with-arguments

主要思想非常简单：将参数传递给屏幕小部件的构造函数。

在官方文档（在上面的链接中）中，他们实际上使用了命名路由和常规路由的两种方法，即使文章中提到了命名路由。

无论如何。专注于构造函数和参数。

如果您在导航时仅传递路线的名称，您在哪里可以使用命名路由访问屏幕的构造函数？在onGenerateRoute方法。我们开始做吧。

1. onGenerateRoute在您的顶部屏幕MyApp中覆盖方法（这就是您的错误所在）。如果你这样做，你就不需要routes: {}那里（你的第二个错误）

   class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
         return MaterialApp(
             title: 'Flutter Demo',
             theme: ThemeData(
                primaryColor: Colors.white,
             ),
             initialRoute: HomePageScreen.id,
             onGenerateRoute: (settings) {
                if(settings.name == ItemPageProfileScreen.id) {
                   String msg = settings.arguments;
                   return MaterialPageRoute(builder: (_) => ItemPageProfileScreen(msg));
                } else if(...
    },
   

2. 从小部件构造函数获取参数：

   class ItemPageProfileScreen extends StatefulWidget {
       final String argument;
   
       ItemPageProfileScreen(this.argument);
   
       static const String id = 'item_page_profile_screen';
   
       @override
       _ItemPageProfileScreenState createState() => _ItemPageProfileScreenState();
   }
   
   class _ItemPageProfileScreenState extends State<ItemPageProfileScreen> {
       @override
       Widget build(BuildContext context) {
          String msg = widget.argument;
          ...
   

3. 并随时发送参数：

    onTap: () {Navigator.pushNamed(context, ItemPageProfileScreen.id, arguments: 'MyTestString');}
   

希望这可以帮助。