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

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


当前回答

简单的技巧就是使用导航器。pushReplacement方法

第1页

Navigator.pushReplacement(
  context,
  MaterialPageRoute(
    builder: (context) => Page2(),
  ),
);

第二页

Navigator.pushReplacement(
  context,
  MaterialPageRoute(
    builder: (context) => Page1(),
  ),
);

其他回答

只需添加.then((value) {setState(() {});在导航器。按page1(),如下所示:

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

现在当你使用Navigator.pop(context)从page2你的page1重建自己

对我来说,这似乎奏效:

Navigator.of(context).pushNamed("/myRoute").then((value) => setState(() {}));

然后在子进程中调用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);
}

简短的回答:

在第一页使用这个:

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")));

// Push to second screen
 await Navigator.push(
   context,
   CupertinoPageRoute(
    builder: (context) => SecondScreen(),
   ),
 );

// Call build method to update any changes
setState(() {});