我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
当前回答
需要强制重建我的一个无状态小部件。不想使用有状态的。我想出了这个解决方案:
await Navigator.of(context).pushNamed(...);
ModalRoute.of(enclosingWidgetContext);
注意,context和enclosingWidgetContext可以是相同的上下文,也可以是不同的上下文。例如,如果你从StreamBuilder内部推送,它们将是不同的。
我们在这里没有用ModalRoute做任何事情。仅订阅行为就足以强制重新构建。
其他回答
我的解决方案是在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);
所有需要从前一页重新加载的内容都应该在弹出窗口后更新。
// Push to second screen
await Navigator.push(
context,
CupertinoPageRoute(
builder: (context) => SecondScreen(),
),
);
// Call build method to update any changes
setState(() {});
在导航推送代码中使用setstate。
Navigator.push(context, MaterialPageRoute(builder: (context) => YourPage())).then((value) {
setState(() {
// refresh state
});
});
需要强制重建我的一个无状态小部件。不想使用有状态的。我想出了这个解决方案:
await Navigator.of(context).pushNamed(...);
ModalRoute.of(enclosingWidgetContext);
注意,context和enclosingWidgetContext可以是相同的上下文,也可以是不同的上下文。例如,如果你从StreamBuilder内部推送,它们将是不同的。
我们在这里没有用ModalRoute做任何事情。仅订阅行为就足以强制重新构建。
如果您正在使用警报对话框,那么您可以使用一个Future,该Future在对话框结束时完成。完成以后可以强制小部件重新加载状态。
第一页
onPressed: () async {
await showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
....
);
}
);
setState(() {});
}
在警报对话框中
Navigator.of(context).pop();