fix(ui): Fix widgetSpan getting resized twice when textScaling is enabled.

Signed-off-by: xsahil03x <[email protected]>

packages/stream_chat_flutter/lib/src/message_widget/bottom_row.dart

@@ -153,8 +153,6 @@ class BottomRow extends StatelessWidget {
       }
     }
 
-    final children = <WidgetSpan>[];
-
     final threadParticipants = message.threadParticipants?.take(2);
     final showThreadParticipants = threadParticipants?.isNotEmpty == true;
     final replyCount = message.replyCount;
@@ -183,26 +181,21 @@ class BottomRow extends StatelessWidget {
 
     const usernameKey = Key('username');
 
-    children.addAll([
+    final children = [
       if (showUsername)
-        WidgetSpan(
+        usernameBuilder?.call(context, message) ??
-          child: usernameBuilder?.call(context, message) ??
             Username(
               key: usernameKey,
               message: message,
               messageTheme: messageTheme,
             ),
-        ),
       if (showTimeStamp)
-        WidgetSpan(
+        Text(
-          child: Text(
           Jiffy(message.createdAt.toLocal()).jm,
           style: messageTheme.createdAtStyle,
         ),
-        ),
       if (showSendingIndicator)
-        WidgetSpan(
+        sendingIndicatorBuilder?.call(context, message) ??
-          child: sendingIndicatorBuilder?.call(context, message) ??
             SendingIndicatorBuilder(
               messageTheme: messageTheme,
               message: message,
@@ -210,16 +203,18 @@ class BottomRow extends StatelessWidget {
               streamChat: streamChat,
               streamChatTheme: streamChatTheme,
             ),
-        ),
+    ];
-    ]);
 
     final showThreadTail = !(hasUrlAttachments || isGiphy || isOnlyEmoji) &&
         (showThreadReplyIndicator || showInChannel);
 
-    final threadIndicatorWidgets = <WidgetSpan>[
+    final threadIndicatorWidgets = [
       if (showThreadTail)
-        WidgetSpan(
+        // Added builder to use the nearest context to get the right
-          child: Padding(
+        // textScaleFactor value.
+        Builder(
+          builder: (context) {
+            return Padding(
               padding: EdgeInsets.only(
                 bottom: context.textScaleFactor *
                     ((messageTheme.repliesStyle?.fontSize ?? 1) / 2),
@@ -232,28 +227,25 @@ class BottomRow extends StatelessWidget {
                   reverse: reverse,
                 ),
               ),
-          ),
+            );
+          },
         ),
       if (showInChannel || showThreadReplyIndicator) ...[
         if (showThreadParticipants)
-          WidgetSpan(
+          SizedBox.fromSize(
-            child: SizedBox.fromSize(
             size: Size((threadParticipants!.length * 8.0) + 8, 16),
             child: ThreadParticipants(
               threadParticipants: threadParticipants,
               streamChatTheme: streamChatTheme,
             ),
           ),
-          ),
+        MouseRegion(
-        WidgetSpan(
-          child: MouseRegion(
           cursor: SystemMouseCursors.click,
           child: GestureDetector(
             onTap: _onThreadTap,
             child: Text(msg, style: messageTheme.repliesStyle),
           ),
         ),
-        ),
       ],
     ];
 
@@ -266,8 +258,21 @@ class BottomRow extends StatelessWidget {
     return Text.rich(
       TextSpan(
         children: [
-          ...children,
+          ...children.insertBetween(const SizedBox(width: 8)).map((child) {
-        ].insertBetween(const WidgetSpan(child: SizedBox(width: 8))),
+            final mediaQueryData = MediaQuery.of(context);
+            return WidgetSpan(
+              child: MediaQuery(
+                // Hardcoding the textScaleFactor to 1 to avoid the multiple
+                // resizing of the text. This is needed because the
+                // textScaleFactor is already applied to the textSpan.
+                //
+                // issue: https://github.com/GetStream/stream-chat-flutter/issues/1250
+                data: mediaQueryData.copyWith(textScaleFactor: 1),
+                child: child,
+              ),
+            );
+          }),
+        ],
       ),
       maxLines: 1,
       textAlign: reverse ? TextAlign.right : TextAlign.left,

packages/stream_chat_flutter/lib/src/scroll_view/channel_scroll_view/stream_channel_list_view.dart

@@ -380,41 +380,3 @@ class StreamChannelListSeparator extends StatelessWidget {
     );
   }
 }
-
-/// A widget that is used to display an error screen
-/// when [StreamChannelListController] fails to load initial channels.
-class StreamChannelListErrorWidget extends StatelessWidget {
-  /// Creates a new instance of [StreamChannelListErrorWidget] widget.
-  const StreamChannelListErrorWidget({
-    super.key,
-    this.onPressed,
-  });
-
-  /// The callback to invoke when the user taps on the retry button.
-  final VoidCallback? onPressed;
-
-  @override
-  Widget build(BuildContext context) => Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: <Widget>[
-          Text.rich(
-            TextSpan(
-              children: [
-                const WidgetSpan(
-                  child: Padding(
-                    padding: EdgeInsets.only(right: 2),
-                    child: Icon(Icons.error_outline),
-                  ),
-                ),
-                TextSpan(text: context.translations.loadingChannelsError),
-              ],
-            ),
-            style: Theme.of(context).textTheme.titleLarge,
-          ),
-          TextButton(
-            onPressed: onPressed,
-            child: Text(context.translations.retryLabel),
-          ),
-        ],
-      );
-}