Add smooth fade-in animation to signed images for premium feel

2026-02-04 13:37:53 -06:00 · 2026-02-04 13:37:53 -06:00 · e1470c8f52
parent 92d8920183
commit e1470c8f52
1 changed files with 9 additions and 0 deletions
--- a/sojorn_app/lib/widgets/media/signed_media_image.dart
+++ b/sojorn_app/lib/widgets/media/signed_media_image.dart
@ -142,6 +142,15 @@ class _SignedMediaImageState extends ConsumerState<SignedMediaImage> {
      width: widget.width,
      height: widget.height,
      fit: widget.fit,
+      frameBuilder: (context, child, frame, wasSynchronouslyLoaded) {
+        if (wasSynchronouslyLoaded) return child;
+        return AnimatedOpacity(
+          opacity: frame == null ? 0 : 1,
+          duration: const Duration(milliseconds: 300),
+          curve: Curves.easeOut,
+          child: child,
+        );
+      },
      loadingBuilder: (context, child, loadingProgress) {
        if (loadingProgress == null) {
          return child;