refactor: Pages folder structure

lib/pages/image_viewer/image_viewer.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+
+import 'package:matrix/matrix.dart';
+import 'package:vrouter/vrouter.dart';
+
+import 'package:fluffychat/pages/image_viewer/image_viewer_view.dart';
+import 'package:fluffychat/utils/platform_infos.dart';
+import 'package:fluffychat/widgets/matrix.dart';
+import '../../utils/matrix_sdk_extensions.dart/event_extension.dart';
+
+class ImageViewer extends StatefulWidget {
+  final Event event;
+  final void Function() onLoaded;
+
+  const ImageViewer(this.event, {Key key, this.onLoaded}) : super(key: key);
+
+  @override
+  ImageViewerController createState() => ImageViewerController();
+}
+
+class ImageViewerController extends State<ImageViewer> {
+  /// Forward this image to another room.
+  void forwardAction() {
+    Matrix.of(context).shareContent = widget.event.content;
+    VRouter.of(context).to('/rooms');
+  }
+
+  /// Save this file with a system call.
+  void saveFileAction() => widget.event.saveFile(context);
+
+  static const maxScaleFactor = 1.5;
+
+  /// Go back if user swiped it away
+  void onInteractionEnds(ScaleEndDetails endDetails) {
+    if (PlatformInfos.usesTouchscreen == false) {
+      if (endDetails.velocity.pixelsPerSecond.dy >
+          MediaQuery.of(context).size.height * maxScaleFactor) {
+        Navigator.of(context, rootNavigator: false).pop();
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) => ImageViewerView(this);
+}

lib/pages/image_viewer/image_viewer_view.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+
+import 'package:fluffychat/pages/chat/events/image_bubble.dart';
+import 'image_viewer.dart';
+
+class ImageViewerView extends StatelessWidget {
+  final ImageViewerController controller;
+
+  const ImageViewerView(this.controller, {Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.black,
+      extendBodyBehindAppBar: true,
+      appBar: AppBar(
+        elevation: 0,
+        leading: IconButton(
+          icon: const Icon(Icons.close),
+          onPressed: Navigator.of(context).pop,
+          color: Colors.white,
+          tooltip: L10n.of(context).close,
+        ),
+        backgroundColor: const Color(0x44000000),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.reply_outlined),
+            onPressed: controller.forwardAction,
+            color: Colors.white,
+            tooltip: L10n.of(context).share,
+          ),
+          IconButton(
+            icon: const Icon(Icons.download_outlined),
+            onPressed: controller.saveFileAction,
+            color: Colors.white,
+            tooltip: L10n.of(context).downloadFile,
+          ),
+        ],
+      ),
+      body: InteractiveViewer(
+        minScale: 1.0,
+        maxScale: 10.0,
+        onInteractionEnd: controller.onInteractionEnds,
+        child: Center(
+          child: ImageBubble(
+            controller.widget.event,
+            tapToView: false,
+            onLoaded: controller.widget.onLoaded,
+            fit: BoxFit.contain,
+            backgroundColor: Colors.black,
+            maxSize: false,
+            radius: 0.0,
+            thumbnailOnly: false,
+            animated: true,
+          ),
+        ),
+      ),
+    );
+  }
+}