flutter如何跨页面传值

Flutter可以通过Navigator.pushNamed()方法跳转页面，并通过arguments参数传递数据，如下所示：

在跳转前的页面：

Navigator.pushNamed(context, '/second', arguments: {'name': 'Tom', 'age': 18});

在跳转后的页面：

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final Map<String, dynamic> arguments = ModalRoute.of(context).settings.arguments;
    final String name = arguments['name'];
    final int age = arguments['age'];

    return Scaffold(
      body: Center(
        child: Text('$name is $age years old.'),
      ),
    );
  }
}

相关问题

flutter 通知不同页面传值

在 Flutter 中，如果需要在不同页面之间传递数据，可以使用以下两种方法：

1. 使用全局变量

在 Flutter 中，可以使用全局变量来存储需要在不同页面之间共享的数据，例如：

class GlobalData {
  static String username = "";
  static int age = 0;
}

在任意页面中，可以通过 `GlobalData.username` 和 `GlobalData.age` 来获取或设置全局变量的值。

需要注意的是，全局变量可能会导致数据混乱或冲突，因此应该尽量避免过多地使用全局变量。

2. 使用路由传递参数

在 Flutter 中，每个页面都是一个 Widget，可以通过 Navigator.pushNamed() 方法打开一个新的页面，并在打开页面时传递参数：

Navigator.pushNamed(context, '/page2', arguments: {'name': 'John', 'age': 30});

在打开的页面中，可以通过以下方式获取传递的参数：

final Map<String, dynamic> args = ModalRoute.of(context)!.settings.arguments as Map<String, dynamic>;
final String name = args['name'];
final int age = args['age'];

需要注意的是，`ModalRoute.of(context)!.settings.arguments` 可能为空，因此应该使用 `as` 关键字进行类型转换，并进行 null 检查。同时，传递的参数类型必须是可序列化的类型，例如 Map、List、String、int、double 等。

Flutter 页面回退传值

在Flutter中，可以使用Navigator.pop方法将数据返回到上一个页面。具体步骤如下：

1.在第一个页面中使用Navigator.push方法跳转到第二个页面，并等待返回结果：

final result = await Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondPage()),
);

2.在第二个页面中，可以通过Navigator.pop方法将数据返回给第一个页面：

Navigator.pop(context, '返回的数据');

3.在第一个页面中，可以在Navigator.push方法后等待返回结果，并获取返回的数据：

final result = await Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => SecondPage()),
);
print('返回的数据: $result');

这样就可以在两个页面之间传递数据了。