feat: 评论查看更多

lib/models/video/reply/content.dart

@@ -1,6 +1,7 @@
 class ReplyContent {
   ReplyContent({
     this.message,
+    this.message2,
     this.atNameToMid, // @的用户的mid null
     this.members, // 被@的用户List 如果有的话 []
     this.emote, // 表情包 如果有的话 null
@@ -13,6 +14,7 @@ class ReplyContent {
   });
 
   String? message;
+  String? message2;
   Map? atNameToMid;
   List<MemberItemModel>? members;
   Map? emote;
@@ -24,10 +26,17 @@ class ReplyContent {
   Map? topicsMeta;
 
   ReplyContent.fromJson(Map<String, dynamic> json) {
-    message = json['message']
+    message = message2 = json['message']
         .replaceAll('&gt;', '>')
         .replaceAll('&#34;', '"')
-        .replaceAll('&#39;', "'");
+        .replaceAll('&#39;', "'")
+        .replaceAll('&amp;', '&')
+        .replaceAll('&lt;', '<')
+        .replaceAll('&gt;', '>')
+        .replaceAll('&quot;', '"')
+        .replaceAll('&apos;', "'")
+        .replaceAll('&nbsp;', ' ');
+
     atNameToMid = json['at_name_to_mid'] ?? {};
     members = json['members'] != null
         ? json['members']
@@ -39,8 +48,8 @@ class ReplyContent {
     pictures = json['pictures'] ?? [];
     vote = json['vote'] ?? {};
     richText = json['rich_text'] ?? {};
-    // 不包含@ 笔记 图片的时候，文字可折叠
+    // 不包含@ 笔记的时候，文字可折叠
-    isText = atNameToMid!.isEmpty && vote!.isEmpty && pictures!.isEmpty;
+    isText = atNameToMid!.isEmpty && vote!.isEmpty;
     topicsMeta = json['topics_meta'] ?? {};
   }
 }

lib/pages/video/detail/reply/widgets/reply_item.dart

@@ -238,28 +238,53 @@ class ReplyItem extends StatelessWidget {
         // title
         Container(
           margin: const EdgeInsets.only(top: 10, left: 45, right: 6, bottom: 4),
-          child: Text.rich(
+          child: LayoutBuilder(
-            style: const TextStyle(height: 1.75),
+              builder: (BuildContext context, BoxConstraints boxConstraints) {
-            maxLines:
+            String text = replyItem?.content?.message ?? '';
-                replyItem!.content!.isText! && replyLevel == '1' ? 3 : 999,
+            bool didExceedMaxLines = false;
-            overflow: TextOverflow.ellipsis,
+            final double maxWidth = boxConstraints.maxWidth;
-            TextSpan(
+            TextPainter? textPainter;
-              children: [
+            final int maxLines =
-                if (replyItem!.isTop!)
+                replyItem!.content!.isText! && replyLevel == '1' ? 6 : 999;
-                  const WidgetSpan(
+            try {
-                    alignment: PlaceholderAlignment.top,
+              textPainter = TextPainter(
-                    child: PBadge(
+                text: TextSpan(text: text),
-                      text: 'TOP',
+                maxLines: maxLines,
-                      size: 'small',
+                textDirection: Directionality.of(context),
-                      stack: 'normal',
+              );
-                      type: 'line',
+              textPainter.layout(maxWidth: maxWidth);
-                      fs: 9,
+              didExceedMaxLines = textPainter.didExceedMaxLines;
+            } catch (e) {
+              debugPrint('Error while measuring text: $e');
+              didExceedMaxLines = false;
+            }
+            return Text.rich(
+              style: const TextStyle(height: 1.75),
+              TextSpan(
+                children: [
+                  if (replyItem!.isTop!)
+                    const WidgetSpan(
+                      alignment: PlaceholderAlignment.top,
+                      child: PBadge(
+                        text: 'TOP',
+                        size: 'small',
+                        stack: 'normal',
+                        type: 'line',
+                        fs: 9,
+                      ),
                     ),
+                  buildContent(
+                    context,
+                    replyItem!,
+                    replyReply,
+                    null,
+                    didExceedMaxLines,
+                    textPainter,
                   ),
-                buildContent(context, replyItem!, replyReply, null),
+                ],
-              ],
+              ),
-            ),
+            );
-          ),
+          }),
         ),
         // 操作区域
         bottonAction(context, replyItem!.replyControl, replySave),
@@ -465,8 +490,8 @@ class ReplyItemRow extends StatelessWidget {
                                 fs: 9,
                               ),
                             ),
-                          buildContent(
+                          buildContent(context, replies![i], replyReply,
-                              context, replies![i], replyReply, replyItem),
+                              replyItem, false, null),
                         ],
                       ),
                     ),
@@ -508,7 +533,13 @@ class ReplyItemRow extends StatelessWidget {
 }
 
 InlineSpan buildContent(
-    BuildContext context, replyItem, replyReply, fReplyItem) {
+  BuildContext context,
+  replyItem,
+  replyReply,
+  fReplyItem,
+  bool didExceedMaxLines,
+  TextPainter? textPainter,
+) {
   final String routePath = Get.currentRoute;
   bool isVideoPage = routePath.startsWith('/video');
   ColorScheme colorScheme = Theme.of(context).colorScheme;
@@ -519,6 +550,25 @@ InlineSpan buildContent(
   final content = replyItem.content;
   final List<InlineSpan> spanChilds = <InlineSpan>[];
 
+  if (didExceedMaxLines && content.message != '') {
+    final textSize = textPainter!.size;
+    var position = textPainter.getPositionForOffset(
+      Offset(
+        textSize.width,
+        textSize.height,
+      ),
+    );
+    final endOffset = textPainter.getOffsetBefore(position.offset);
+
+    if (endOffset != null && endOffset > 0) {
+      content.message = content.message.substring(0, endOffset);
+    } else {
+      content.message = content.message.substring(0, position.offset);
+    }
+  } else {
+    content.message = content.message2;
+  }
+
   // 投票
   if (content.vote.isNotEmpty) {
     content.message.splitMapJoin(RegExp(r"\{vote:.*?\}"),
@@ -547,13 +597,6 @@ InlineSpan buildContent(
     });
   }
   content.message = content.message.replaceAll(RegExp(r"\{vote:.*?\}"), ' ');
-  content.message = content.message
-      .replaceAll('&amp;', '&')
-      .replaceAll('&lt;', '<')
-      .replaceAll('&gt;', '>')
-      .replaceAll('&quot;', '"')
-      .replaceAll('&apos;', "'")
-      .replaceAll('&nbsp;', ' ');
   // 构建正则表达式
   final List<String> specialTokens = [
     ...content.emote.keys,
@@ -874,6 +917,18 @@ InlineSpan buildContent(
       }
     }
   }
+
+  if (didExceedMaxLines) {
+    spanChilds.add(
+      TextSpan(
+        text: '\n查看更多',
+        style: TextStyle(
+          color: colorScheme.primary,
+        ),
+      ),
+    );
+  }
+
   // 图片渲染
   if (content.pictures.isNotEmpty) {
     final List<String> picList = <String>[];