Flutter：返回新页面后如何关闭SearchBar？代码问题求助

问题根源 #

你遇到的问题核心在于：MyProfile页面并没有作为独立路由被推入导航栈，而是直接作为SearchDelegate的buildResults返回的组件，属于搜索页面的一部分。当调用close()方法时，整个搜索页面（包括它内部的MyProfile）会被从导航栈中弹出，所以看起来Profile页面也跟着被关闭了。

正确的实现方式 #

要解决这个问题，我们需要把MyProfile作为独立路由推入导航栈，同时关闭搜索栏。具体有两种常用方案：

方案1：在buildResults中先关闭搜索栏，再跳转Profile

修改你的buildResults方法，使用addPostFrameCallback确保在当前渲染帧完成后执行导航操作，避免上下文状态冲突：

@override
Widget buildResults(BuildContext context) {
  // 延迟执行，确保当前页面渲染完成后再操作导航栈
  WidgetsBinding.instance.addPostFrameCallback((_) {
    // 关闭搜索栏，第二个参数是搜索结果（根据你的业务需求传入对应值）
    close(context, '');
    // 跳转到独立的MyProfile路由
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => MyProfile()),
    );
  });

  // 返回一个空的占位组件，因为导航操作是异步的
  return const SizedBox.shrink();
}

方案2：从Profile页返回时直接回到原页面（跳过搜索页）

如果希望用户在MyProfile页点击返回按钮时，直接回到搜索栏之前的页面而不是搜索页面，可以在跳转时把搜索页面也从栈中移除：

@override
Widget buildResults(BuildContext context) {
  WidgetsBinding.instance.addPostFrameCallback((_) {
    // 关闭搜索栏（等同于调用close方法）
    Navigator.of(context).pop();
    // 跳转到Profile，并替换掉搜索页面的路由
    Navigator.pushReplacement(
      context,
      MaterialPageRoute(builder: (context) => MyProfile()),
    );
  });
  return const SizedBox.shrink();
}

关键注意事项 #

• 不要在buildResults中直接返回页面组件：SearchDelegate的结果区域是搜索页面的一部分，并非独立路由，关闭搜索页面必然会销毁这部分内容。
• 导航操作要延迟执行：直接在build方法中调用Navigator可能会导致上下文状态异常，addPostFrameCallback可以完美规避这个问题。

内容的提问来源于stack exchange，提问作者ialyzaafan