✨ Basic fediverse posts displaying

2025-03-13 00:09:28 +08:00
parent f2d913ffec
commit e44320e0fe
13 changed files with 1512 additions and 271 deletions
--- a/lib/widgets/post/fediverse_post_item.dart
+++ b/lib/widgets/post/fediverse_post_item.dart
@ -0,0 +1,107 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:styled_widget/styled_widget.dart';
+import 'package:surface/types/post.dart';
+import 'package:html/parser.dart';
+import 'package:surface/widgets/account/account_image.dart';
+import 'package:surface/widgets/attachment/attachment_list.dart';
+import 'package:surface/widgets/html.dart';
+import 'package:surface/widgets/universal_image.dart';
+
+class FediversePostWidget extends StatelessWidget {
+  final SnFediversePost data;
+  final double maxWidth;
+  const FediversePostWidget(
+      {super.key, required this.data, required this.maxWidth});
+
+  @override
+  Widget build(BuildContext context) {
+    final borderSide =
+        BorderSide(width: 1, color: Theme.of(context).dividerColor);
+    final backgroundColor = Theme.of(context).colorScheme.surfaceContainer;
+
+    return Center(
+      child: Container(
+        constraints: BoxConstraints(maxWidth: maxWidth),
+        child: Card(
+          margin: EdgeInsets.zero,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  AccountImage(content: data.user.avatar),
+                  const Gap(8),
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        data.user.nick.isNotEmpty
+                            ? data.user.nick
+                            : '@${data.user.name}',
+                      ).bold(),
+                      Text(data.user.identifier),
+                    ],
+                  ),
+                ],
+              ),
+              const Gap(8),
+              ...parseHtmlToWidgets(context, parse(data.content).children),
+              if (data.images.isNotEmpty)
+                AspectRatio(
+                  aspectRatio: 1,
+                  child: ScrollConfiguration(
+                    behavior: AttachmentListScrollBehavior(),
+                    child: ListView.separated(
+                      shrinkWrap: true,
+                      itemCount: data.images.length,
+                      itemBuilder: (context, idx) {
+                        return Container(
+                          constraints: BoxConstraints(maxWidth: maxWidth),
+                          child: AspectRatio(
+                            aspectRatio: 1,
+                            child: Stack(
+                              fit: StackFit.expand,
+                              children: [
+                                Container(
+                                  decoration: BoxDecoration(
+                                    color: backgroundColor,
+                                    border: Border(
+                                      top: borderSide,
+                                      bottom: borderSide,
+                                    ),
+                                    borderRadius: AttachmentList.kDefaultRadius,
+                                  ),
+                                  child: ClipRRect(
+                                    borderRadius: AttachmentList.kDefaultRadius,
+                                    child: AutoResizeUniversalImage(
+                                      data.images[idx],
+                                    ),
+                                  ),
+                                ),
+                                Positioned(
+                                  right: 8,
+                                  bottom: 8,
+                                  child: Chip(
+                                    label: Text(
+                                        '${idx + 1}/${data.images.length}'),
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        );
+                      },
+                      separatorBuilder: (context, index) => const Gap(8),
+                      physics: const BouncingScrollPhysics(),
+                      scrollDirection: Axis.horizontal,
+                    ),
+                  ),
+                ),
+            ],
+          ).padding(all: 8),
+        ),
+      ),
+    );
+  }
+}