我在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重建自己

其他回答

需要强制重建我的一个无状态小部件。不想使用有状态的。我想出了这个解决方案:

await Navigator.of(context).pushNamed(...);
ModalRoute.of(enclosingWidgetContext);

注意,context和enclosingWidgetContext可以是相同的上下文,也可以是不同的上下文。例如,如果你从StreamBuilder内部推送,它们将是不同的。

我们在这里没有用ModalRoute做任何事情。仅订阅行为就足以强制重新构建。

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

这段简单的代码让我找到根目录并重新加载状态:

    ...
    onPressed: () {
         Navigator.of(context).pushNamedAndRemoveUntil('/', ModalRoute.withName('/'));
                },
    ...

我也遇到过类似的问题。

请试试这个:

第一页:

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

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

这段简单的代码会转到根目录,即使没有setState也会重新加载状态:

Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (context) => MainPage()),  (Route<dynamic> route) => false,);   //// this MainPage is your page to refresh