如何使用 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很有用。 您可以在文檔中閱讀有關路由組織的更多信息。