Flutter/Dart - 照片已更改，但 URL 未更改，因此提供者的消费者未刷新

Question

一旦将新照片上传到服务器以替换旧照片，我将使用Provider with ChangeNotifier 提醒Consumer。问题是 URL 保持不变，因为照片只是被覆盖并保持相同的名称。因此，消费者不会识别出任何变化，也不会用新照片刷新旧照片。

如何欺骗 ChangeNotifier 刷新 URL？这是我构建中的Consumer；

  Consumer<SocialProvider>(
             builder: (context, socialProvider, child) {
               return Image.network(socialProvider.currentavatar,
            );
       }),

这是在图库中选择图像并上传以覆盖服务器上旧图像的位置。

    GestureDetector(
              onTap: () async {
                   await socialProvider.loadCurrentUserId();
                   await _listener.openGallery(socialProvider.currentuserid);
                   String updatedavatar = "http://example.com/same_photo.jpg";
                   socialProvider.updateAvatar(updatedavatar);
                  },

这是带有 ChangeNotifier 的 Provider 中的代码；

Future<void> updateAvatar(String avatar) async {
     var box = await Hive.openBox('currentuser');
      box.put('currentavatar', avatar);
      currentavatar = avatar;
      notifyListeners();
     }

任何想法如何欺骗Consumer 相信 url 已更改以便刷新？

Answer 1

我相信当有人打电话给notifyListeners() 时Consumer 会重建。您的问题可能出在Image.network(socialProvider.currentavatar,) 中，当一切都没有改变时，颤动会重用相同的渲染对象。您可以尝试添加key:UniqueLey() 以在每次构建时强制重新构建小部件。

---

更新一些假设。 这是我尝试重建您的环境的简单代码：

class SimpleProvider with ChangeNotifier {
  Future<void> reload() async => notifyListeners();
}

class TestConsumer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ChangeNotifierProvider(
        create: (context) => SimpleProvider(),
        child: Consumer<SimpleProvider>(
          builder: (_, simpleProvider, child) {
            print('Consumer build');
            return child; // Here is your Image?
          },
          child: Builder(
            builder: (context) {
              print('Builder build');
              return Scaffold(
                floatingActionButton: FloatingActionButton(
                  onPressed: () {
                    context.read<SimpleProvider>().reload();
                  },
                ),
                body: Container(),
              );
            },
          ),
        ),
      ),
    );
  }
}

每次点击按钮，SimpleProvider 都会调用notifyListeners() （Future 不是必需的）并且将调用Consumer 中的builder 函数。问题来了：

1. builder 真的在你使用 notifyListeners 时被调用了吗？

我假设调用了构建器函数。您仍然可以仔细检查这部分。否则，您必须提供如何称呼它。

1. 如果调用builder，为什么里面的Image Widget没有重建？

它是颤振设计的一部分，它尽可能多地重用，以获得更好的性能。有时它使人们感到困惑的是重建没有发生。那就是我猜你的问题在这里。您可以在此处查看视频中的基本机制： https://www.youtube.com/watch?v=996ZgFRENMs&ab_channel=Flutter