我在Flutter中有一个带有按钮的StatefulWidget，它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上，我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时，使用Navigator.pop()，第一个小部件处于旧状态，但我想强制它重新加载。知道怎么做吗?我有一个想法，但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
当前回答
只需添加.then((value) {setState(() {});在导航器。按page1()，如下所示:
Navigator.push(context,MaterialPageRoute(builder: (context) => Page2())).then((value) { setState(() {});
现在当你使用Navigator.pop(context)从page2你的page1重建自己
其他回答
onTapFunction(BuildContext context) async {
final reLoadPage = await Navigator.push(
context,
MaterialPageRoute(builder: (context) => IdDetailsScreen()),
);
if (reLoadPage) {
setState(() {});
}
}
现在在做Navigator的时候。从第二页弹出到第一页只是返回一些值，在我的情况下是bool类型
onTap: () {
Navigator.pop(context, true);
}
我的解决方案是在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);
所有需要从前一页重新加载的内容都应该在弹出窗口后更新。
这段简单的代码会转到根目录，即使没有setState也会重新加载状态:
Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (context) => MainPage()), (Route<dynamic> route) => false,); //// this MainPage is your page to refresh
对我来说奏效了:
...
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)更新将完成。
只需添加.then((value) {setState(() {});在导航器。按page1()，如下所示:
Navigator.push(context,MaterialPageRoute(builder: (context) => Page2())).then((value) { setState(() {});
现在当你使用Navigator.pop(context)从page2你的page1重建自己
