show dyn interaction

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2026-04-20 19:14:42 +08:00 · 2025-12-26 22:44:26 +08:00
parent 25fca498fc
commit eea232c6db
3 changed files with 123 additions and 0 deletions
--- a/lib/pages/dynamics/widgets/interaction.dart
+++ b/lib/pages/dynamics/widgets/interaction.dart
@@ -0,0 +1,90 @@
+import 'package:PiliPlus/models/dynamics/result.dart';
+import 'package:flutter/foundation.dart' show kDebugMode;
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:get/get_core/src/get_main.dart';
+import 'package:get/get_navigation/src/extension_navigation.dart';
+
+Widget dynInteraction({
+  required ThemeData theme,
+  required List<ModuleInteractionItem> items,
+}) {
+  try {
+    Widget child;
+    if (items.length > 1) {
+      child = Column(
+        spacing: 3,
+        mainAxisSize: .min,
+        crossAxisAlignment: .start,
+        children: items.map((e) => _item(theme, e)).toList(),
+      );
+    } else {
+      child = _item(theme, items.single);
+    }
+    return Container(
+      padding: const .only(left: 8),
+      margin: const .only(left: 12, right: 12, top: 6),
+      decoration: BoxDecoration(
+        border: Border(
+          left: BorderSide(
+            width: 1.5,
+            color: theme.colorScheme.outline.withValues(alpha: 0.3),
+          ),
+        ),
+      ),
+      child: child,
+    );
+  } catch (e) {
+    if (kDebugMode) {
+      return Text(
+        'interaction error: $e',
+        style: TextStyle(color: theme.colorScheme.error),
+      );
+    }
+    return const SizedBox.shrink();
+  }
+}
+
+Widget _item(
+  ThemeData theme,
+  ModuleInteractionItem item,
+) {
+  return Text.rich(
+    style: const TextStyle(fontSize: 13, height: 1.3),
+    strutStyle: const StrutStyle(fontSize: 13, height: 1.3, leading: 0),
+    TextSpan(
+      children: [
+        WidgetSpan(
+          alignment: .middle,
+          child: Padding(
+            padding: const .only(right: 6),
+            child: Icon(
+              size: 13,
+              color: theme.colorScheme.outline,
+              switch (item.type) {
+                1 => FontAwesomeIcons.comment,
+                _ => FontAwesomeIcons.thumbsUp,
+              },
+            ),
+          ),
+        ),
+        ...item.desc!.richTextNodes!.map(
+          (e) {
+            final isAt = e.type == 'RICH_TEXT_NODE_TYPE_AT';
+            return TextSpan(
+              text: e.origText,
+              style: isAt
+                  ? null
+                  : TextStyle(color: theme.colorScheme.onSurfaceVariant),
+              recognizer: isAt
+                  ? (TapGestureRecognizer()
+                      ..onTap = () => Get.toNamed('/member?mid=${e.rid}'))
+                  : null,
+            );
+          },
+        ),
+      ],
+    ),
+  );
+}