我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:

弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)


当前回答

我也遇到过类似的问题。

请试试这个:

第一页:

导航器。push(context, MaterialPageRoute(builder: (context) => SecondPage()),).then((value) => setState(() {}));

当你从SecondPage()弹出回FirstPage()后,“then”语句将运行并刷新页面。

其他回答

我的解决方案是在SecondPage上添加一个函数参数,然后接收从FirstPage执行的重新加载函数,然后在Navigator.pop(context)行之前执行该函数。

珍宝

refresh() {
setState(() {
//all the reload processes
});
}

然后翻到下一页……

Navigator.push(context, new MaterialPageRoute(builder: (context) => new SecondPage(refresh)),);

SecondPage

final Function refresh;
SecondPage(this.refresh); //constructor

然后在导航器弹出行之前,

widget.refresh(); // just refresh() if its statelesswidget
Navigator.pop(context);

所有需要从前一页重新加载的内容都应该在弹出窗口后更新。

您可以使用pushReplacement并指定新的Route

这工作真的很好,我从一个医生那里得到的在颤振页面,颤振医生

我定义了从第一个页面控制导航的方法。

_navigateAndDisplaySelection(BuildContext context) async {
    final result = await Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => AddDirectionPage()),
    );

    //below you can get your result and update the view with setState
    //changing the value if you want, i just wanted know if i have to  
    //update, and if is true, reload state

    if (result) {
      setState(() {});
    }
  }

所以,我调用它在一个动作方法从一个墨水瓶,但也可以调用从一个按钮:

onTap: () {
   _navigateAndDisplaySelection(context);
},

最后在第二页,返回一些东西(我返回了一个bool,你可以返回任何你想要的):

onTap: () {
  Navigator.pop(context, true);
}

对我来说奏效了:

...
onPressed: (){pushUpdate('/somePageName');}
...

pushUpdate (string pageName) async {      //in the same class
  await pushPage(context, pageName);
  setState(() {});
}


//---------------------------------------------
//general sub
pushPage (context, namePage) async {
  await Navigator.pushNamed(context, namePage);
}

在这种情况下,不管你如何弹出(与按钮在UI或“返回”在android)更新将完成。

在导航推送代码中使用setstate。

Navigator.push(context, MaterialPageRoute(builder: (context) => YourPage())).then((value) {
  setState(() {
    // refresh state
  });
});