如何用第二個屏幕的數據重建第一個屏幕？

Question

我有我的第一頁（總共兩頁），在屏幕內我有一個文本框和兩個按鈕（添加按鈕和下一頁按鈕），當我在文本框中鍵入一些單詞並單擊添加按鈕時，它將在下面的同一屏幕中添加該文本注意，現在我點擊下一頁按鈕，它將帶我到第二頁使用Navigator.push（“代碼”） ，現在在這第二頁我有一個文本框，只有一個按鈕（添加按鈕），如果我鍵入一些單詞和點擊添加按鈕現在它將不得不更改第一頁筆記數據。現在我點擊appbar中的后退按鈕，我使用navigator.push（），第一頁將必須使用更新的數據呈現。所以任何想法如何做到這一點？

Answer 1

基於像React這樣的單向數據流而顫動，所以基本上你將數據傳遞給子窗口小部件，而不是相反。 這就是為什么有許多狀態管理庫和架構可用的原因。

但是，由於您的示例很簡單，在您深入了解狀態管理方法之前，我會建議您解決幾個問題。

您可以從第一個屏幕將回調函數傳遞到第二個屏幕。 所以你在第一個屏幕中有一個函數，它在里面調用它的setState方法。 您將該功能傳遞給第二個屏幕，第二個屏幕使用一些值調用它並完成。

其他選項是，您可以為appbar編寫自己的導航功能和圖標，它將覆蓋默認值。

並在Navigator.pop上傳遞結果

  onPressed: () {
    Navigator.pop(context, 'data!');
  },

這是官方文檔： 從屏幕返回數據