Flutter 页面返回传值

最新推荐文章于 2025-06-12 08:10:43 发布

马志武

最新推荐文章于 2025-06-12 08:10:43 发布

阅读量5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Flutter 基础文章标签： Flutter 页面返回传值 Flutter 返回数据 Flutter页面返回传参 Flutter接收页面返回数据

本文链接：https://blog.youkuaiyun.com/ruoshui_t/article/details/93474706

Flutter 基础专栏收录该内容

73 篇文章

订阅专栏

博客介绍了Flutter页面返回传值的注意事项，包括跳转页面时用async关键字修饰方法体声明代码延迟执行，跳转动作使用await关键字修饰并声明延迟执行后赋值，以及返回页面时传值，还给出了示例代码和完整代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter 页面返回传值需要注意的几点如下：

1、跳转页面时要使用async关键字修饰方法体声明内部代码需要延迟执行

skipPage(BuildContext context) async { }

2、跳转动作要使用await关键字修饰（Dart规定有async标记的函数，只能由await来调用）声明延迟执行后赋值

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

3、返回页面时传值

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

示例代码

//完整跳转页面 接收返参 代码片段
RaisedButton(
  child: Text('跳转页面'),
  onPressed: () async {
    final result = await Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => PageA()),
    );

    print("$result");
  },
)

当然，我们也可以这样写

//完整跳转页面 接收返参 代码片段  另一种写法
RaisedButton(
  child: Text('跳转页面'),
  onPressed: () {
    skipPage(context);
  },
)

skipPage(BuildContext context) async {
  final result = await Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => PageA()),
  );

  print("$result");
}