如何使用 flutter 将数据从一页传递到另一页？

Question

我已经想好如何将数据从一个页面传输到另一个页面，但我发现了一个挑战......

1. 用户必须 select 从 pg1 (footballEvent) 到 go 到 page2(footballScreen) 的匹配项之一

足球赛事 pg1

2. page2 上显示的图像应与之前从 pg1 中选择的图像相同，

足球画面 pg2

3. 这是我编写的将数据从 pg1 传递到 pg2 的代码。 [6]: https://i.stack.imgur.com/u2etq.png这种方法的问题是： leftPlayer[index] ，因为只有左边的数据在pg2上更新，而不是右边的数据边。

4. 这是我在 pg2 中用于更新团队图像 data.imageUrl 的代码。 [5]： https://i.stack.imgur.com/PSkFf.png

5. 这就是我构建比赛的方式：（我相信这可能是问题所在，因为我没有使用代码（第 3 点）上的 rightPlayer 数据将数据传递给第 2 pg）。 leftPlayer和rightPlayer

那么，我该如何解决这个问题？

Answer 1

您需要将值传递给下一个屏幕 class 构造函数。

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => FootbalScreen(leftPlayer[index]),
  ),
);

当您在应用程序主 class 上定义路由以及在此 class 中管理的所有路由时， RouteSettings很有用。 您可以在文档中阅读有关路由组织的更多信息。