如何使用颤振将数据从一个页面传递到另一个页面？

Question

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

1. 用户必须从 pg1 (footballEvent) 中选择一个匹配项才能转到 page2(footballScreen)

footballEvent pg1

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

footballScreen 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. 这就是我构建比赛的方式：（我相信这可能是问题所在，因为我没有使用代码中的 rightPlayer 数据（第 3 点）将数据传递给第 2 个 pg）。 leftPlayer 和 rightPlayer

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

Answer 1

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

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

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