✨ Background image & appearance settings

lib/widgets/navigation/app_background.dart

@@ -1,4 +1,8 @@
+import 'dart:io';
+
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:path_provider/path_provider.dart';
 
 class AppBackground extends StatelessWidget {
   final Widget child;
@@ -6,6 +10,39 @@ class AppBackground extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ScaffoldMessenger(child: child);
+    return ScaffoldMessenger(
+      child: FutureBuilder(
+        future:
+            kIsWeb ? Future.value(null) : getApplicationDocumentsDirectory(),
+        builder: (context, snapshot) {
+          if (snapshot.hasData) {
+            final path = '${snapshot.data!.path}/app_background_image';
+            final file = File(path);
+            if (file.existsSync()) {
+              return Container(
+                color: Theme.of(context).colorScheme.surface,
+                child: Container(
+                  decoration: BoxDecoration(
+                    backgroundBlendMode: BlendMode.darken,
+                    color: Theme.of(context).colorScheme.surface,
+                    image: DecorationImage(
+                      opacity: 0.2,
+                      image: FileImage(file),
+                      fit: BoxFit.cover,
+                    ),
+                  ),
+                  child: child,
+                ),
+              );
+            }
+          }
+
+          return Material(
+            color: Theme.of(context).colorScheme.surface,
+            child: child,
+          );
+        },
+      ),
+    );
   }
 }

lib/widgets/post/post_item.dart

@@ -21,10 +21,59 @@ class PostItem extends StatelessWidget {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        _PostContentHeader(data: data),
+        _PostContentHeader(data: data).padding(horizontal: 12, vertical: 8),
         _PostContentBody(data: data.body).padding(horizontal: 16, bottom: 6),
         if (data.preload?.attachments?.isNotEmpty ?? true)
           AttachmentList(data: data.preload!.attachments!, bordered: true),
+        _PostBottomAction(data: data)
+            .padding(left: 20, right: 26, top: 8, bottom: 2),
+      ],
+    );
+  }
+}
+
+class _PostBottomAction extends StatelessWidget {
+  final SnPost data;
+  const _PostBottomAction({super.key, required this.data});
+
+  @override
+  Widget build(BuildContext context) {
+    final iconColor = Theme.of(context).colorScheme.onSurface.withAlpha(
+          (255 * 0.8).round(),
+        );
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Row(
+          children: [
+            InkWell(
+              child: Row(
+                children: [
+                  Icon(Symbols.add_reaction, size: 20, color: iconColor),
+                  const Gap(8),
+                  Text('postReact').tr(),
+                ],
+              ),
+              onTap: () {},
+            ),
+            const Gap(16),
+            InkWell(
+              child: Row(
+                children: [
+                  Icon(Symbols.comment, size: 20, color: iconColor),
+                  const Gap(8),
+                  Text('postComments').plural(data.metric.replyCount),
+                ],
+              ),
+              onTap: () {},
+            ),
+          ].expand((ele) => [ele, const Gap(8)]).toList()
+            ..removeLast(),
+        ),
+        InkWell(
+          child: Icon(Symbols.share, size: 20, color: iconColor),
+          onTap: () {},
+        ),
       ],
     );
   }
@@ -139,7 +188,7 @@ class _PostContentHeader extends StatelessWidget {
           ],
         ),
       ],
-    ).padding(horizontal: 12, vertical: 8);
+    );
   }
 }