fullscreen: info page

lib/image_fullscreen_page.dart

@@ -3,7 +3,9 @@ import 'dart:math';
 
 import 'package:aves/image_fullscreen_overlay.dart';
 import 'package:aves/model/image_entry.dart';
+import 'package:aves/utils/file_utils.dart';
 import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
 import 'package:photo_view/photo_view.dart';
 import 'package:photo_view/photo_view_gallery.dart';
 
@@ -53,55 +55,63 @@ class ImageFullscreenPageState extends State<ImageFullscreenPage> with SingleTic
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return PageView(
-      backgroundColor: Colors.black,
+      scrollDirection: Axis.vertical,
-      body: Stack(
+      children: [
-        children: [
+        ClipRect(
-          PhotoViewGallery.builder(
+          child: Scaffold(
-            itemCount: entries.length,
+            backgroundColor: Colors.black,
-            builder: (context, index) {
+            body: Stack(
-              final entry = entries[index];
+              children: [
-              return PhotoViewGalleryPageOptions(
+                PhotoViewGallery.builder(
-                imageProvider: FileImage(File(entry.path)),
+                  itemCount: entries.length,
-                heroTag: entry.uri,
+                  builder: (context, index) {
-                minScale: PhotoViewComputedScale.contained,
+                    final entry = entries[index];
-                initialScale: PhotoViewComputedScale.contained,
+                    return PhotoViewGalleryPageOptions(
-                onTapUp: (tapContext, details, value) => _overlayVisible.value = !_overlayVisible.value,
+                      imageProvider: FileImage(File(entry.path)),
-              );
+                      heroTag: entry.uri,
-            },
+                      minScale: PhotoViewComputedScale.contained,
-            loadingChild: Center(
+                      initialScale: PhotoViewComputedScale.contained,
-              child: CircularProgressIndicator(),
+                      onTapUp: (tapContext, details, value) => _overlayVisible.value = !_overlayVisible.value,
-            ),
+                    );
-            pageController: _pageController,
+                  },
-            onPageChanged: (index) {
+                  loadingChild: Center(
-              debugPrint('onPageChanged: index=$index');
+                    child: CircularProgressIndicator(),
-              setState(() => _currentPage = index);
+                  ),
-            },
+                  pageController: _pageController,
-            transitionOnUserGestures: true,
+                  onPageChanged: (index) {
-            scrollPhysics: BouncingScrollPhysics(),
+                    debugPrint('onPageChanged: index=$index');
-          ),
+                    setState(() => _currentPage = index);
-          if (_currentPage != null) ...[
+                  },
-            SlideTransition(
+                  transitionOnUserGestures: true,
-              position: _topOverlayOffset,
+                  scrollPhysics: BouncingScrollPhysics(),
-              child: FullscreenTopOverlay(
-                entries: entries,
-                index: _currentPage,
-              ),
-            ),
-            Positioned(
-              bottom: 0,
-              child: SlideTransition(
-                position: _bottomOverlayOffset,
-                child: FullscreenBottomOverlay(
-                  entries: entries,
-                  index: _currentPage,
                 ),
-              ),
+                if (_currentPage != null) ...[
-            )
+                  SlideTransition(
-          ]
+                    position: _topOverlayOffset,
-        ],
+                    child: FullscreenTopOverlay(
-      ),
+                      entries: entries,
-      resizeToAvoidBottomInset: false,
+                      index: _currentPage,
+                    ),
+                  ),
+                  Positioned(
+                    bottom: 0,
+                    child: SlideTransition(
+                      position: _bottomOverlayOffset,
+                      child: FullscreenBottomOverlay(
+                        entries: entries,
+                        index: _currentPage,
+                      ),
+                    ),
+                  )
+                ]
+              ],
+            ),
+            resizeToAvoidBottomInset: false,
+          ),
+        ),
+        InfoPage(entry: entries[_currentPage]),
+      ],
 //        Hero(
 //          tag: uri,
 //          child: Stack(
@@ -140,3 +150,52 @@ class ImageFullscreenPageState extends State<ImageFullscreenPage> with SingleTic
       _overlayAnimationController.reverse();
   }
 }
+
+class InfoPage extends StatelessWidget {
+  final ImageEntry entry;
+
+  const InfoPage({this.entry});
+
+  @override
+  Widget build(BuildContext context) {
+    final date = entry.getBestDate();
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Info'),
+      ),
+      body: Padding(
+        padding: EdgeInsets.all(8.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            InfoRow('Title', entry.title),
+            InfoRow('Date', '${DateFormat.yMMMd().format(date)} – ${DateFormat.Hm().format(date)}'),
+            InfoRow('Size', formatFilesize(entry.sizeBytes)),
+            InfoRow('Resolution', '${entry.width} × ${entry.height} (${entry.getMegaPixels()} MP)'),
+            InfoRow('Path', entry.path),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class InfoRow extends StatelessWidget {
+  final String label, value;
+
+  const InfoRow(this.label, this.value);
+
+  @override
+  Widget build(BuildContext context) {
+    return Wrap(
+      children: [
+        Text(
+          label,
+          style: TextStyle(color: Colors.white70),
+        ),
+        SizedBox(width: 8),
+        Text(value),
+      ],
+    );
+  }
+}

lib/model/image_entry.dart

@@ -65,6 +65,10 @@ class ImageEntry {
     };
   }
 
+  int getMegaPixels() {
+    return ((width * height) / 1000000).round();
+  }
+
   DateTime getBestDate() {
     if (sourceDateTakenMillis != null && sourceDateTakenMillis > 0) return DateTime.fromMillisecondsSinceEpoch(sourceDateTakenMillis);
     if (dateModifiedSecs != null && dateModifiedSecs > 0) return DateTime.fromMillisecondsSinceEpoch(dateModifiedSecs * 1000);

lib/thumbnail_collection.dart

@@ -30,25 +30,27 @@ class ThumbnailCollection extends StatelessWidget {
         ),
       );
     }
-    return DraggableScrollbar.arrows(
+    return SafeArea(
-      labelTextBuilder: (double offset) => Text(
+      child: DraggableScrollbar.arrows(
-        "${offset ~/ 1}",
+        labelTextBuilder: (double offset) => Text(
-        style: TextStyle(color: Colors.blueGrey),
+          "${offset ~/ 1}",
-      ),
+          style: TextStyle(color: Colors.blueGrey),
-      controller: scrollController,
+        ),
-      child: CustomScrollView(
         controller: scrollController,
-        slivers: [
+        child: CustomScrollView(
-          SliverAppBar(
+          controller: scrollController,
-            title: Text('Aves - All'),
+          slivers: [
-            floating: true,
+            SliverAppBar(
-          ),
+              title: Text('Aves - All'),
-          ...sections.keys.map((sectionKey) => SectionSliver(
+              floating: true,
-                entries: entries,
+            ),
-                sections: sections,
+            ...sections.keys.map((sectionKey) => SectionSliver(
-                sectionKey: sectionKey,
+                  entries: entries,
-              )),
+                  sections: sections,
-        ],
+                  sectionKey: sectionKey,
+                )),
+          ],
+        ),
       ),
     );
   }

lib/utils/file_utils.dart

@@ -0,0 +1,38 @@
+String formatFilesize(int size, {int round = 2}) {
+  int divider = 1024;
+
+  if (size < divider) return '$size B';
+
+  if (size < divider * divider && size % divider == 0) {
+    return '${(size / divider).toStringAsFixed(0)} KB';
+  }
+  if (size < divider * divider) {
+    return '${(size / divider).toStringAsFixed(round)} KB';
+  }
+
+  if (size < divider * divider * divider && size % divider == 0) {
+    return '${(size / (divider * divider)).toStringAsFixed(0)} MB';
+  }
+  if (size < divider * divider * divider) {
+    return '${(size / divider / divider).toStringAsFixed(round)} MB';
+  }
+
+  if (size < divider * divider * divider * divider && size % divider == 0) {
+    return '${(size / (divider * divider * divider)).toStringAsFixed(0)} GB';
+  }
+  if (size < divider * divider * divider * divider) {
+    return '${(size / divider / divider / divider).toStringAsFixed(round)} GB';
+  }
+
+  if (size < divider * divider * divider * divider * divider && size % divider == 0) {
+    return '${(size / divider / divider / divider / divider).toStringAsFixed(0)} TB';
+  }
+  if (size < divider * divider * divider * divider * divider) {
+    return '${(size / divider / divider / divider / divider).toStringAsFixed(round)} TB';
+  }
+
+  if (size < divider * divider * divider * divider * divider * divider && size % divider == 0) {
+    return '${(size / divider / divider / divider / divider / divider).toStringAsFixed(0)} PB';
+  }
+  return '${(size / divider / divider / divider / divider / divider).toStringAsFixed(round)} PB';
+}