我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
我在Flutter中有一个带有按钮的StatefulWidget,它使用Navigator.push()将我导航到另一个StatefulWidget。在第二个小部件上,我正在更改全局状态(一些用户首选项)。当我从第二个小部件回到第一个时,使用Navigator.pop(),第一个小部件处于旧状态,但我想强制它重新加载。知道怎么做吗?我有一个想法,但看起来很难看:
弹出以删除第二个小部件(当前小部件) 再次弹出以删除第一个小部件(前一个) 推送第一个小部件(它应该强制重绘)
当前回答
onTapFunction(BuildContext context) async {
final reLoadPage = await Navigator.push(
context,
MaterialPageRoute(builder: (context) => IdDetailsScreen()),
);
if (reLoadPage) {
setState(() {});
}
}
现在在做Navigator的时候。从第二页弹出到第一页只是返回一些值,在我的情况下是bool类型
onTap: () {
Navigator.pop(context, true);
}
其他回答
需要强制重建我的一个无状态小部件。不想使用有状态的。我想出了这个解决方案:
await Navigator.of(context).pushNamed(...);
ModalRoute.of(enclosingWidgetContext);
注意,context和enclosingWidgetContext可以是相同的上下文,也可以是不同的上下文。例如,如果你从StreamBuilder内部推送,它们将是不同的。
我们在这里没有用ModalRoute做任何事情。仅订阅行为就足以强制重新构建。
把这个放在你要推到第二个屏幕的地方(在一个异步函数中)
Function f;
f= await Navigator.pushNamed(context, 'ScreenName');
f();
把这个放在你要弹的地方
Navigator.pop(context, () {
setState(() {});
});
在弹出闭包中调用setState来更新数据。
onTapFunction(BuildContext context) async {
final reLoadPage = await Navigator.push(
context,
MaterialPageRoute(builder: (context) => IdDetailsScreen()),
);
if (reLoadPage) {
setState(() {});
}
}
现在在做Navigator的时候。从第二页弹出到第一页只是返回一些值,在我的情况下是bool类型
onTap: () {
Navigator.pop(context, true);
}
// Push to second screen
await Navigator.push(
context,
CupertinoPageRoute(
builder: (context) => SecondScreen(),
),
);
// Call build method to update any changes
setState(() {});
在flutter 2.5.2中,这对我来说是有效的,它也适用于更新列表
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => SecondPage()))
.then((value) => setState(() {}));
然后在第二页写代码
Navigator.pop(context);
我有一个ListView在第一页,这是显示一个列表[]数据,第二页是更新我的列表[]数据,所以上面的代码为我工作。