fix(ui): workaround for cached_network_image on web.

packages/stream_chat_flutter/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 9.1.1
+
+🐞 Fixed
+
+- [[#2067]](https://github.com/GetStream/stream-chat-flutter/issues/2067) Fixed Cached Network Image not working in Flutter 3.27 web. Temporary workaround.
+
 ## 9.1.0
 
 ✅ Added

packages/stream_chat_flutter/lib/src/attachment/thumbnail/giphy_attachment_thumbnail.dart

@@ -1,4 +1,5 @@
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:flutter/material.dart';
 import 'package:shimmer/shimmer.dart';
 import 'package:stream_chat_flutter/src/attachment/thumbnail/image_attachment_thumbnail.dart';
@@ -71,6 +72,7 @@ class StreamGiphyAttachmentThumbnail extends StatelessWidget {
     }
 
     return CachedNetworkImage(
+      imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
       imageUrl: info.url,
       width: width,
       height: height,

packages/stream_chat_flutter/lib/src/attachment/thumbnail/image_attachment_thumbnail.dart

@@ -1,6 +1,7 @@
 import 'dart:io' show File;
 
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:flutter/material.dart';
 import 'package:shimmer/shimmer.dart';
 import 'package:stream_chat_flutter/src/attachment/thumbnail/thumbnail_error.dart';
@@ -179,6 +180,7 @@ class _RemoteImageAttachment extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return CachedNetworkImage(
+      imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
       imageUrl: url,
       width: width,
       height: height,

packages/stream_chat_flutter/lib/src/attachment/thumbnail/video_attachment_thumbnail.dart

@@ -1,4 +1,5 @@
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:flutter/material.dart';
 import 'package:shimmer/shimmer.dart';
 import 'package:stream_chat_flutter/src/attachment/thumbnail/thumbnail_error.dart';
@@ -57,6 +58,7 @@ class StreamVideoAttachmentThumbnail extends StatelessWidget {
     final thumbUrl = video.thumbUrl;
     if (thumbUrl != null) {
       return CachedNetworkImage(
+        imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
         imageUrl: thumbUrl,
         width: width,
         height: height,

packages/stream_chat_flutter/lib/src/avatars/user_avatar.dart

@@ -1,4 +1,5 @@
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
@@ -98,6 +99,7 @@ class StreamUserAvatar extends StatelessWidget {
             streamChatTheme.ownMessageTheme.avatarTheme?.constraints,
         child: hasImage
             ? CachedNetworkImage(
+                imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
                 fit: BoxFit.cover,
                 filterQuality: FilterQuality.high,
                 imageUrl: user.image!,

packages/stream_chat_flutter/lib/src/channel/stream_channel_avatar.dart

@@ -1,4 +1,5 @@
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
@@ -131,6 +132,7 @@ class StreamChannelAvatar extends StatelessWidget {
               child: channelImage.isEmpty
                   ? fallbackWidget
                   : CachedNetworkImage(
+                      imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
                       imageUrl: channelImage,
                       errorWidget: (_, __, ___) => fallbackWidget,
                       fit: BoxFit.cover,

packages/stream_chat_flutter/lib/src/gallery/gallery_footer.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
 
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:path_provider/path_provider.dart';
@@ -240,6 +241,7 @@ class _StreamGalleryFooterState extends State<StreamGalleryFooter> {
                           child: AspectRatio(
                             aspectRatio: 1,
                             child: CachedNetworkImage(
+                              imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
                               imageUrl: attachment.imageUrl ??
                                   attachment.assetUrl ??
                                   attachment.thumbUrl!,

packages/stream_chat_flutter/pubspec.yaml

@@ -1,7 +1,7 @@
 name: stream_chat_flutter
 homepage: https://github.com/GetStream/stream-chat-flutter
 description: Stream Chat official Flutter SDK. Build your own chat experience using Dart and Flutter.
-version: 9.1.0
+version: 9.1.1
 repository: https://github.com/GetStream/stream-chat-flutter
 issue_tracker: https://github.com/GetStream/stream-chat-flutter/issues
 
@@ -22,7 +22,8 @@ environment:
   flutter: ">=3.24.5"
 
 dependencies:
-  cached_network_image: ^3.3.1
+  cached_network_image: ^3.4.1
+  cached_network_image_platform_interface: ^4.1.1
   chewie: ^1.8.1
   collection: ^1.17.2
   contextmenu: ^3.0.0
@@ -84,4 +85,4 @@ platforms:
   linux:
   macos:
   web:
-  windows:
+  windows: