使用Provider包无法切换自定义地图标记Widget的显示状态

嗨，我看了你遇到的问题，核心原因其实出在你读取Provider状态时的listen参数设置上，咱们一步步来解决：

问题根源 #

你在MapPicker的showMapPicker参数里写了：

showMapPicker: Provider.of<AppData>(context, listen: false).showMap,

这里的listen: false表示这个Widget不会监听AppData的状态变化——哪怕你点击按钮修改了showMap的值，MapPicker也不会触发重建，自然看不到标记的显示状态变化。

修复步骤 #

1. 修改Provider监听方式
   在Widget的build方法里，要让UI跟随状态变化，必须开启监听。把listen: false去掉（默认就是listen: true），或者显式设为true：

   child: MapPicker(
     iconWidget: SvgPicture.asset(
       "assets/pin.svg",
       height: 40,
     ),
     mapPickerController: mapPickerController,
     // 这里去掉listen: false，让Widget监听状态变化
     showMapPicker: Provider.of<AppData>(context).showMap,
     child: GoogleMap(mapKey: _mapKe),
   ),
   

2. 优化按钮的切换逻辑（可选）
   现在你的按钮点击只会把showMap设为true，如果想要实现“点击切换显示/隐藏”的效果，应该改成取反当前状态：

   GestureDetector(
     onTap: () {
       final appData = Provider.of<AppData>(context, listen: false);
       // 取反当前状态，实现切换
       appData.showMapPicker(!appData.showMap);
     },
     child: SvgPicture.asset(
       "assets/edit_loc.svg",
       height: 60,
     ),
   ),
   

3. 确认Provider基础配置正确
   还要确保你的AppData类正确继承了ChangeNotifier，并且你已经在Widget树的上层用ChangeNotifierProvider包裹了相关页面（这是Provider生效的前提）：

   class AppData extends ChangeNotifier {
     bool showMap = false;
   
     void showMapPicker(bool showMapP) {
       showMap = showMapP;
       notifyListeners(); // 必须调用这个方法通知监听者状态变化
     }
   }
   

额外说明 #

Provider里的listen: false一般用在事件回调、initState等非build场景——比如你要修改状态的时候，不需要监听，只是获取实例；而在build方法里需要根据状态渲染UI时，必须让listen为true，这样状态更新时才会触发Widget重建。

备注：内容来源于stack exchange，提问作者Pannam