Flutter子搜索组件提交后调用回调修改父组件属性无响应如何解决

核心问题 #

子组件中仅引用了回调函数对象，并未实际执行函数，导致父组件的setState逻辑没有触发。

修复步骤 #

• 修改子组件onSubmitted回调中的调用逻辑，给widget.callback添加执行括号()
• 可选优化：明确声明回调函数的类型，避免空安全或类型校验报错

修复后的子组件关键代码 #

onSubmitted: (query) {
  // 修复：添加()执行传入的回调函数
  widget.callback();
  controller.close();
},

可选类型优化（推荐） #

为了避免后续类型异常，建议将子组件的回调参数明确声明为VoidCallback类型：

class SearchPage extends StatefulWidget {
  // 明确无参数无返回值的回调类型
  final VoidCallback callback;
  const SearchPage({super.key, required this.callback});

  @override
  _SearchPageState createState() => _SearchPageState();
}

对应父组件传参调整为：

SearchPage(callback: callbackFunction)

其他问题说明 #

之前调用Navigator.push弹出黑屏是因为Navigator.push会打开全新的路由页面，脱离当前地图页面的上下文，自然只会显示SlidingUpPanel单独的内容，你目前用回调加Visibility的方案符合在地图层叠加展示面板的需求。

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