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

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


当前回答

我也遇到过类似的问题。

请试试这个:

第一页:

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

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

其他回答

简短的回答:

在第一页使用这个:

Navigator.pushNamed(context, '/page2').then((_) => setState(() {}));

在第二页

Navigator.pop(context);

有两个东西,传递数据

第一页至第二页 在第一页使用这个 //从第一个发送“Foo 导航器。push(context, MaterialPageRoute(builder: (_) => Page2("Foo"))); 在第二页使用这个。 类Page2扩展StatelessWidget 字符串; 所以Page2 (this.string);//在第二帧接收“Foo” ... }


第二页至第一页 在第二页使用这个 //从第二发送“Bar” 导航器。流行(上下文,“酒吧”); 在第一页使用这个,它是相同的,但有一点修改。 //第1位接收“Bar” 字符串received = await Navigator。push(context, MaterialPageRoute(builder: (_) => Page2("Foo")));

非常简单地使用"then"在你推送后,当导航器弹出时,它将触发setState,视图将刷新。

领航员...废话的push()。然后(价值)= > setState署(){})

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

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

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

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

在flutter 2.5.2中,这对我来说是有效的,它也适用于更新列表

Navigator.push(
        context,
        MaterialPageRoute(
            builder: (context) => SecondPage()))
    .then((value) => setState(() {}));

然后在第二页写代码

Navigator.pop(context);

我有一个ListView在第一页,这是显示一个列表[]数据,第二页是更新我的列表[]数据,所以上面的代码为我工作。

把这个放在你要推到第二个屏幕的地方(在一个异步函数中)

Function f;
f= await Navigator.pushNamed(context, 'ScreenName');
f();

把这个放在你要弹的地方

Navigator.pop(context, () {
 setState(() {});
});

在弹出闭包中调用setState来更新数据。