我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
当前回答
简短的回答:
在第一页使用这个:
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")));
其他回答
如果您正在使用警报对话框,那么您可以使用一个Future,该Future在对话框结束时完成。完成以后可以强制小部件重新加载状态。
第一页
onPressed: () async {
await showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
....
);
}
);
setState(() {});
}
在警报对话框中
Navigator.of(context).pop();
这段简单的代码会转到根目录,即使没有setState也会重新加载状态:
Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (context) => MainPage()), (Route<dynamic> route) => false,); //// this MainPage is your page to refresh
我也遇到过类似的问题。
请试试这个:
第一页:
导航器。push(context, MaterialPageRoute(builder: (context) => SecondPage()),).then((value) => setState(() {}));
当你从SecondPage()弹出回FirstPage()后,“then”语句将运行并刷新页面。
在flutter 2.5.2中,这对我来说是有效的,它也适用于更新列表
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => SecondPage()))
.then((value) => setState(() {}));
然后在第二页写代码
Navigator.pop(context);
我有一个ListView在第一页,这是显示一个列表[]数据,第二页是更新我的列表[]数据,所以上面的代码为我工作。
对我来说,这似乎奏效:
Navigator.of(context).pushNamed("/myRoute").then((value) => setState(() {}));
然后在子进程中调用Navigator.pop()。