flutter get.to如何获取返回值

在Flutter中使用Get.to进行页面跳转时，如何获取目标页面返回的值？比如我从A页面跳转到B页面，希望在B页面关闭时能返回一些数据给A页面，具体应该怎么实现？

2 回复

在Flutter中，使用Get.to()导航后，可以通过await等待返回值。例如：

var result = await Get.to(NextPage());

在目标页面使用Get.back(result: '返回值')返回数据。

更多关于flutter get.to如何获取返回值的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 Get.to() 导航时，可以通过 await 等待目标页面返回数据。以下是具体方法：

  1. 在目标页面中返回数据： 使用 Get.back(result: 返回值) 传递数据。

    // 在目标页面中
Get.back(result: '这是返回的数据');

  2. 在发起导航的页面中接收数据： 使用 await 获取返回值，注意 Get.to() 需放在 async 函数中。

    // 在发起导航的页面中
void navigateToPage() async {
  var result = await Get.to(() => TargetPage());
  if (result != null) {
    print('接收到的数据: $result');
    // 处理返回值
  }
}

注意事项：

  • 确保导航操作在 async 函数中进行。
  • 如果目标页面未返回数据，result 将为 null。
  • 适用于简单数据传递（如字符串、数字、对象等）。

示例完整代码：

// 发起导航的页面
ElevatedButton(
  onPressed: () async {
    final data = await Get.to(() => DetailPage());
    if (data != null) {
      Get.snackbar('返回值', data.toString());
    }
  },
  child: Text('跳转页面'),
)

// 目标页面 DetailPage
ElevatedButton(
  onPressed: () {
    Get.back(result: {'message': '操作成功', 'code': 200});
  },
  child: Text('返回数据'),
)

通过这种方式，可以方便地在页面间传递和接收数据。

回到顶部