opt: reply message

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

@@ -246,18 +246,32 @@ class ReplyItem extends StatelessWidget {
           ),
         ),
         // title
-        Container(
+        Padding(
-          margin: const EdgeInsets.only(top: 10, left: 45, right: 6, bottom: 4),
+          padding:
-          child: Semantics(
+              const EdgeInsets.only(top: 10, left: 45, right: 6, bottom: 4),
-              label: replyItem?.content?.message ?? "",
+          child: LayoutBuilder(
-              // excludeSemantics: true,
+            builder: (BuildContext context, BoxConstraints constraints) {
+              String text = replyItem?.content?.message ?? '';
+              var textPainter = TextPainter(
+                text: TextSpan(text: text),
+                maxLines:
+                    replyItem!.content!.isText! && replyLevel == '1' ? 6 : 999,
+                textDirection: Directionality.of(context),
+              )..layout(maxWidth: constraints.maxWidth);
+              bool didExceedMaxLines = textPainter.didExceedMaxLines;
+              return Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Semantics(
+                      label: text,
                       child: Text.rich(
                         style: TextStyle(
                             height: 1.75,
-                    fontSize: Theme.of(context).textTheme.bodyMedium!.fontSize),
+                            fontSize: Theme.of(context)
-                maxLines:
+                                .textTheme
-                    replyItem!.content!.isText! && replyLevel == '1' ? 6 : 999,
+                                .bodyMedium!
-                overflow: TextOverflow.ellipsis,
+                                .fontSize),
                         TextSpan(
                           children: [
                             if (replyItem!.isTop!) ...[
@@ -274,10 +288,28 @@ class ReplyItem extends StatelessWidget {
                               ),
                               const TextSpan(text: ' '),
                             ],
-                    buildContent(context, replyItem!, replyReply, null),
+                            buildContent(
+                              context,
+                              replyItem!,
+                              replyReply,
+                              null,
+                              textPainter,
+                              didExceedMaxLines,
+                            ),
                           ],
                         ),
                       )),
+                  if (didExceedMaxLines)
+                    Text(
+                      '查看更多',
+                      style: TextStyle(
+                        color: Theme.of(context).colorScheme.primary,
+                      ),
+                    ),
+                ],
+              );
+            },
+          ),
         ),
         // 操作区域
         buttonAction(context, replyItem!.replyControl),
@@ -488,10 +520,13 @@ class ReplyItemRow extends StatelessWidget {
                               replies![i],
                               replyReply,
                               replyItem,
+                              null,
+                              null,
                             ),
                           ],
                         ),
-                        )),
+                      ),
+                    ),
                   ),
                 )
               ],
@@ -539,7 +574,13 @@ class ReplyItemRow extends StatelessWidget {
 }
 
 InlineSpan buildContent(
-    BuildContext context, replyItem, replyReply, fReplyItem) {
+  BuildContext context,
+  replyItem,
+  replyReply,
+  fReplyItem,
+  textPainter,
+  didExceedMaxLines,
+) {
   final String routePath = Get.currentRoute;
   bool isVideoPage = routePath.startsWith('/video');
 
@@ -547,12 +588,24 @@ InlineSpan buildContent(
   // replyReply 查看二楼回复（回复详情）回调
   // fReplyItem 父级回复内容，用作二楼回复（回复详情）展示
   final content = replyItem.content;
+  String message = content.message ?? '';
   final List<InlineSpan> spanChildren = <InlineSpan>[];
 
+  if (didExceedMaxLines == true) {
+    final textSize = textPainter.size;
+    var position = textPainter.getPositionForOffset(
+      Offset(
+        textSize.width,
+        textSize.height,
+      ),
+    );
+    final endOffset = textPainter.getOffsetBefore(position.offset);
+    message = message.substring(0, endOffset);
+  }
+
   // 投票
   if (content.vote.isNotEmpty) {
-    content.message.splitMapJoin(RegExp(r"\{vote:\d+?\}"),
+    message.splitMapJoin(RegExp(r"\{vote:\d+?\}"), onMatch: (Match match) {
-        onMatch: (Match match) {
       // String matchStr = match[0]!;
       spanChildren.add(
         TextSpan(
@@ -575,9 +628,9 @@ InlineSpan buildContent(
     }, onNonMatch: (String str) {
       return str;
     });
-    content.message = content.message.replaceAll(RegExp(r"\{vote:\d+?\}"), "");
+    message = message.replaceAll(RegExp(r"\{vote:\d+?\}"), "");
   }
-  content.message = content.message
+  message = message
       .replaceAll('&amp;', '&')
       .replaceAll('&lt;', '<')
       .replaceAll('&gt;', '>')
@@ -618,7 +671,7 @@ InlineSpan buildContent(
   }
 
   // 分割文本并处理每个部分
-  content.message.splitMapJoin(
+  message.splitMapJoin(
     pattern,
     onMatch: (Match match) {
       String matchStr = match[0]!;
@@ -835,7 +888,7 @@ InlineSpan buildContent(
   if (content.jumpUrl.keys.isNotEmpty) {
     List<String> unmatchedItems = content.jumpUrl.keys
         .toList()
-        .where((item) => !content.message.contains(item))
+        .where((item) => !message.contains(item))
         .toList();
     if (unmatchedItems.isNotEmpty) {
       for (int i = 0; i < unmatchedItems.length; i++) {