mod: 页面样式调整&组件拆分

2023-06-26 12:25:19 +08:00
parent 1ce12f9f28
commit 532ad52c17
14 changed files with 590 additions and 560 deletions
--- a/lib/pages/dynamics/widgets/live_rcmd_panel.dart
+++ b/lib/pages/dynamics/widgets/live_rcmd_panel.dart
@ -0,0 +1,126 @@
+import 'package:flutter/material.dart';
+import 'package:pilipala/common/constants.dart';
+import 'package:pilipala/common/widgets/network_img_layer.dart';
+import 'package:pilipala/utils/utils.dart';
+
+import 'rich_node_panel.dart';
+
+Widget liveRcmdPanel(item, context, {floor = 1}) {
+  TextStyle authorStyle =
+      TextStyle(color: Theme.of(context).colorScheme.primary);
+  return Column(
+    crossAxisAlignment: CrossAxisAlignment.start,
+    children: [
+      if (floor == 2) ...[
+        Row(
+          children: [
+            GestureDetector(
+              onTap: () {},
+              child: Text(
+                '@${item.modules.moduleAuthor.name}',
+                style: authorStyle,
+              ),
+            ),
+            const SizedBox(width: 6),
+            Text(
+              Utils.dateFormat(item.modules.moduleAuthor.pubTs),
+              style: TextStyle(
+                  color: Theme.of(context).colorScheme.outline,
+                  fontSize: Theme.of(context).textTheme.labelSmall!.fontSize),
+            ),
+          ],
+        ),
+      ],
+      const SizedBox(height: 4),
+      if (item.modules.moduleDynamic.topic != null) ...[
+        Padding(
+          padding: floor == 2
+              ? EdgeInsets.zero
+              : const EdgeInsets.only(left: 12, right: 12),
+          child: GestureDetector(
+            child: Text(
+              '#${item.modules.moduleDynamic.topic.name}',
+              style: authorStyle,
+            ),
+          ),
+        ),
+        const SizedBox(height: 6),
+      ],
+      if (floor == 2 && item.modules.moduleDynamic.desc != null) ...[
+        Text.rich(richNode(item, context)),
+        const SizedBox(height: 6),
+      ],
+      GestureDetector(
+        onTap: () {},
+        child: LayoutBuilder(builder: (context, box) {
+          double width = box.maxWidth;
+          return Stack(
+            children: [
+              NetworkImgLayer(
+                type: floor == 1 ? 'emote' : null,
+                width: width,
+                height: width / StyleString.aspectRatio,
+                src: item.modules.moduleDynamic.major.liveRcmd.cover,
+              ),
+              Positioned(
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  child: Container(
+                    height: 80,
+                    padding: const EdgeInsets.fromLTRB(12, 0, 10, 10),
+                    clipBehavior: Clip.hardEdge,
+                    decoration: BoxDecoration(
+                        gradient: const LinearGradient(
+                          begin: Alignment.topCenter,
+                          end: Alignment.bottomCenter,
+                          colors: <Color>[
+                            Colors.transparent,
+                            Colors.black45,
+                          ],
+                        ),
+                        borderRadius: floor == 1
+                            ? null
+                            : const BorderRadius.all(Radius.circular(6))),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      crossAxisAlignment: CrossAxisAlignment.end,
+                      children: [
+                        DefaultTextStyle.merge(
+                          style: TextStyle(
+                              fontSize: Theme.of(context)
+                                  .textTheme
+                                  .labelMedium!
+                                  .fontSize,
+                              color: Colors.white),
+                          child: Row(
+                            children: [
+                              Text(item.modules.moduleDynamic.major.liveRcmd
+                                      .areaName ??
+                                  ''),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                  )),
+            ],
+          );
+        }),
+      ),
+      const SizedBox(height: 6),
+      Padding(
+        padding: floor == 1
+            ? const EdgeInsets.only(left: 12, right: 12)
+            : EdgeInsets.zero,
+        child: Text(
+          item.modules.moduleDynamic.major.liveRcmd.title,
+          maxLines: 1,
+          style: const TextStyle(fontWeight: FontWeight.bold),
+          overflow: TextOverflow.ellipsis,
+        ),
+      ),
+      const SizedBox(height: 2),
+    ],
+  );
+}