Flutter：persistent_bottom_nav_bar导航后create_task.dart页面无法重置问题

问题原因 #

使用PersistentNavBarNavigator.pushNewScreen跳转时，create_task.dart页面会保留在导航栈中，再次进入时直接复用栈中的实例，导致输入内容、图片等状态没有重置。

可行解决方案 #

方案1：创建任务成功后先关闭当前页面，再跳转回首页 #

在任务创建完成的回调里，先调用Navigator.pop关闭create_task页面，再跳转到HomePage。这样下次进入create_task时会生成全新实例：

// 任务创建成功后的代码
await saveTask(); // 你的保存任务逻辑
Navigator.pop(context); // 关闭当前create_task页面
// 跳转到HomePage
PersistentNavBarNavigator.pushNewScreen(
  context,
  screen: HomePage(),
  withNavBar: true, // 保持底部导航栏显示
);

方案2：跳转时移除栈中的create_task页面 #

使用pushAndRemoveUntil替代pushNewScreen，同时设置正确的路由过滤条件，确保只移除create_task页面，保留底部导航的根页面：

// 任务创建成功后的代码
await saveTask();
Navigator.pushAndRemoveUntil(
  context,
  MaterialPageRoute(builder: (context) => HomePage()),
  // 保留底部导航的根路由（根据你的实际路由结构调整，比如根路由是初始加载的页面）
  (route) => route.settings.name == '/root' || route.isFirst,
);

注意：这里的/root需要替换成你底部导航的根页面路由名，如果没有设置路由名，用route.isFirst来保留栈底页面即可，避免把底部导航的页面也移除导致UI异常。

方案3：配置底部导航，每次进入create_task都生成新实例 #

如果create_task是底部导航的一个选项，修改底部导航的配置，每次点击该选项时都创建新的CreateTaskPage实例：

PersistentBottomNavBarItem(
  icon: Icon(Icons.add_task),
  title: "创建任务",
  onPressed: (context) {
    // 使用pushReplacement替换当前栈中的create_task页面为新实例
    Navigator.pushReplacement(
      context,
      MaterialPageRoute(
        builder: (context) => CreateTaskPage(),
        // 每次生成唯一key，强制Flutter重建页面
        settings: RouteSettings(arguments: UniqueKey()),
      ),
    );
  },
)

额外提示 #

如果CreateTaskPage是状态类，也可以在页面的deactivate或dispose方法中手动重置状态，但这种方法不如上面的彻底，因为页面实例可能还在栈中被复用。

内容的提问来源于stack exchange，提问作者jpg.hue