improve android navigation bar

fix https://github.com/venera-app/venera-configs/issues/1

README.md

@@ -1,16 +1,25 @@
 # venera
 
-A comic app.
+[![flutter](https://img.shields.io/badge/flutter-3.24.4-blue)](https://flutter.dev/)
+[![License](https://img.shields.io/github/license/venera-app/venera)](https://github.com/venera-app/venera/blob/master/LICENSE)
+[![Download](https://img.shields.io/github/v/release/venera-app/venera)](https://github.com/venera-app/venera/releases)
+[![stars](https://img.shields.io/github/stars/venera-app/venera)](https://github.com/venera-app/venera/stargazers)
 
-## Getting Started
+A comic reader that support reading local and network comics.
 
-This project is a starting point for a Flutter application.
+## Current Status
 
-A few resources to get you started if this is your first Flutter project:
+The project is still under development, and the current version is not stable.
 
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+Use the project at your own risk.
 
-For help getting started with Flutter development, view the
-[online documentation](https://docs.flutter.dev/), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+## Create a new comic source
+
+See [venera-configs](https://github.com/venera-app/venera-configs)
+
+## Thanks
+
+### Tags Translation
+[![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=EhTagTranslation&repo=Database)](https://github.com/EhTagTranslation/Database)
+
+The Chinese translation of the manga tags is from this project.

assets/translation.json

@@ -144,7 +144,9 @@
     "The directory name will be used as the comic title. And the name of chapter directories will be used as the chapter titles." : "目录名称将被用作漫画标题。章节目录的名称将被用作章节标题。",
     "Export as cbz": "导出为cbz",
     "Select a cbz file." : "选择一个cbz文件",
-    "A cbz file" : "一个cbz文件"
+    "A cbz file" : "一个cbz文件",
+    "Fullscreen": "全屏",
+    "Exit": "退出"
   },
   "zh_TW": {
     "Home": "首頁",
@@ -291,6 +293,8 @@
     "The directory name will be used as the comic title. And the name of chapter directories will be used as the chapter titles." : "目錄名稱將被用作漫畫標題。章節目錄的名稱將被用作章節標題。",
     "Export as cbz": "匯出為cbz",
     "Select a cbz file." : "選擇一個cbz文件",
-    "A cbz file" : "一個cbz文件"
+    "A cbz file" : "一個cbz文件",
+    "Fullscreen": "全螢幕",
+    "Exit": "退出"
   }
 }

lib/components/comic.dart

@@ -382,7 +382,7 @@ class _ComicDescription extends StatelessWidget {
       crossAxisAlignment: CrossAxisAlignment.start,
       children: <Widget>[
         Text(
-          title,
+          title.trim(),
           style: const TextStyle(
             fontWeight: FontWeight.w500,
             fontSize: 14.0,
@@ -405,47 +405,56 @@ class _ComicDescription extends StatelessWidget {
           height: 4,
         ),
         if (tags != null)
-          LayoutBuilder(builder: (context, constraints) {
-            return Container(
-              constraints: const BoxConstraints(maxHeight: 47),
-              child: Wrap(
-                runAlignment: WrapAlignment.start,
+          Expanded(
+            child: LayoutBuilder(builder: (context, constraints) {
+              if (constraints.maxHeight < 22) {
+                return Container();
+              }
+              int cnt = (constraints.maxHeight - 22).toInt() ~/ 25;
+              return Container(
                 clipBehavior: Clip.antiAlias,
-                crossAxisAlignment: WrapCrossAlignment.end,
-                spacing: 4,
-                runSpacing: 3,
-                children: [
-                  for (var s in tags!)
-                    Container(
-                        height: 22,
-                        padding: const EdgeInsets.fromLTRB(3,2,3,2),
-                        constraints: BoxConstraints(
-                          maxWidth: constraints.maxWidth * 0.45,
-                        ),
-                        decoration: BoxDecoration(
-                          color: s == "Unavailable"
-                              ? Theme.of(context).colorScheme.errorContainer
-                              : Theme.of(context)
-                                  .colorScheme
-                                  .secondaryContainer,
-                          borderRadius:
-                              const BorderRadius.all(Radius.circular(8)),
-                        ),
-                        child: Text(
-                          enableTranslate
-                              ? TagsTranslation.translateTag(s)
-                              : s,
-                          style: const TextStyle(fontSize: 12),
-                          softWrap: true,
-                          overflow: TextOverflow.ellipsis,
-                          maxLines: 1,
-                        )),
-                ],
-              ),
-            );
-          }),
-        const Spacer(),
-        if (rating != null) StarRating(value: rating!, size: 18),
+                height: 22 + cnt * 25,
+                width: double.infinity,
+                decoration: const BoxDecoration(),
+                child: Wrap(
+                  runAlignment: WrapAlignment.start,
+                  clipBehavior: Clip.antiAlias,
+                  crossAxisAlignment: WrapCrossAlignment.end,
+                  spacing: 4,
+                  runSpacing: 3,
+                  children: [
+                    for (var s in tags!)
+                      Container(
+                          height: 22,
+                          padding: const EdgeInsets.fromLTRB(3, 2, 3, 2),
+                          constraints: BoxConstraints(
+                            maxWidth: constraints.maxWidth * 0.45,
+                          ),
+                          decoration: BoxDecoration(
+                            color: s == "Unavailable"
+                                ? Theme.of(context).colorScheme.errorContainer
+                                : Theme.of(context)
+                                    .colorScheme
+                                    .secondaryContainer,
+                            borderRadius:
+                                const BorderRadius.all(Radius.circular(8)),
+                          ),
+                          child: Center(
+                              widthFactor: 1,
+                              child: Text(
+                                enableTranslate
+                                    ? TagsTranslation.translateTag(s)
+                                    : s.split(':').last,
+                                style: const TextStyle(fontSize: 12),
+                                softWrap: true,
+                                overflow: TextOverflow.ellipsis,
+                                maxLines: 1,
+                              ))),
+                  ],
+                ),
+              ).toAlign(Alignment.topCenter);
+            }),
+          ),
         Row(
           crossAxisAlignment: CrossAxisAlignment.end,
           children: [
@@ -453,6 +462,7 @@ class _ComicDescription extends StatelessWidget {
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
+                  if (rating != null) StarRating(value: rating!, size: 18),
                   Text(
                     description,
                     style: const TextStyle(
@@ -469,10 +479,12 @@ class _ComicDescription extends StatelessWidget {
                   color: Theme.of(context).colorScheme.tertiaryContainer,
                   borderRadius: const BorderRadius.all(Radius.circular(8)),
                 ),
-                child: Text(
-                  badge!,
-                  style: const TextStyle(fontSize: 12),
-                ),
+                child: Center(
+                  child:Text(
+                    "${badge![0].toUpperCase()}${badge!.substring(1).toLowerCase()}",
+                    style: const TextStyle(fontSize: 12),
+                  ),
+                )
               ),
           ],
         )

lib/components/components.dart

@@ -21,7 +21,6 @@ import 'package:venera/foundation/history.dart';
 import 'package:venera/foundation/image_provider/cached_image.dart';
 import 'package:venera/foundation/local.dart';
 import 'package:venera/foundation/res.dart';
-import 'package:venera/foundation/state_controller.dart';
 import 'package:venera/network/cloudflare.dart';
 import 'package:venera/pages/comic_page.dart';
 import 'package:venera/pages/favorites/favorites_page.dart';
@@ -46,3 +45,4 @@ part 'select.dart';
 part 'side_bar.dart';
 part 'comic.dart';
 part 'effects.dart';
+part 'gesture.dart';

lib/components/gesture.dart

@@ -0,0 +1,22 @@
+part of 'components.dart';
+
+class MouseBackDetector extends StatelessWidget {
+  const MouseBackDetector({super.key, required this.onTapDown, required this.child});
+
+  final Widget child;
+
+  final void Function() onTapDown;
+
+  @override
+  Widget build(BuildContext context) {
+    return Listener(
+      onPointerDown: (event) {
+        if (event.buttons == kBackMouseButton) {
+          onTapDown();
+        }
+      },
+      behavior: HitTestBehavior.translucent,
+      child: child,
+    );
+  }
+}

lib/components/scroll.dart

@@ -16,7 +16,14 @@ class SmoothCustomScrollView extends StatelessWidget {
         return CustomScrollView(
           controller: controller,
           physics: physics,
-          slivers: slivers,
+          slivers: [
+            ...slivers,
+            SliverPadding(
+              padding: EdgeInsets.only(
+                bottom: context.padding.bottom,
+              ),
+            ),
+          ],
         );
       },
     );
@@ -87,7 +94,7 @@ class _SmoothScrollProviderState extends State<SmoothScrollProvider> {
             _controller.position.minScrollExtent,
             _controller.position.maxScrollExtent,
           );
-          if(_futurePosition == old) return;
+          if (_futurePosition == old) return;
           _controller.animateTo(_futurePosition!,
               duration: _fastAnimationDuration, curve: Curves.linear);
         }

lib/foundation/app.dart

@@ -10,7 +10,7 @@ export "widget_utils.dart";
 export "context.dart";
 
 class _App {
-  final version = "1.0.0-beta";
+  final version = "1.0.0";
 
   bool get isAndroid => Platform.isAndroid;
 

lib/main.dart

@@ -20,7 +20,7 @@ void main(List<String> args) {
   runZonedGuarded(() async {
     WidgetsFlutterBinding.ensureInitialized();
     await init();
-    if(App.isAndroid) {
+    if (App.isAndroid) {
       handleLinks();
     }
     FlutterError.onError = (details) {
@@ -73,6 +73,7 @@ class _MyAppState extends State<MyApp> {
       el.markNeedsBuild();
       el.visitChildren(rebuild);
     }
+
     (context as Element).visitChildren(rebuild);
     setState(() {});
   }
@@ -114,10 +115,10 @@ class _MyAppState extends State<MyApp> {
       ],
       locale: () {
         var lang = appdata.settings['language'];
-        if(lang == 'system') {
+        if (lang == 'system') {
           return null;
         }
-        return switch(lang) {
+        return switch (lang) {
           'zh-CN' => const Locale('zh', 'CN'),
           'zh-TW' => const Locale('zh', 'TW'),
           'en-US' => const Locale('en'),
@@ -148,7 +149,10 @@ class _MyAppState extends State<MyApp> {
                   App.pop,
                 ),
               },
-              child: WindowFrame(widget),
+              child: MouseBackDetector(
+                onTapDown: App.pop,
+                child: WindowFrame(widget),
+              ),
             );
           }
           return _SystemUiProvider(Material(
@@ -174,11 +178,13 @@ class _SystemUiProvider extends StatelessWidget {
       systemUiStyle = SystemUiOverlayStyle.dark.copyWith(
         statusBarColor: Colors.transparent,
         systemNavigationBarColor: Colors.transparent,
+        systemNavigationBarIconBrightness: Brightness.dark,
       );
     } else {
       systemUiStyle = SystemUiOverlayStyle.light.copyWith(
         statusBarColor: Colors.transparent,
         systemNavigationBarColor: Colors.transparent,
+        systemNavigationBarIconBrightness: Brightness.light,
       );
     }
     return AnnotatedRegion<SystemUiOverlayStyle>(

lib/network/cookie_jar.dart

@@ -2,6 +2,7 @@ import 'dart:io';
 
 import 'package:dio/dio.dart';
 import 'package:sqlite3/sqlite3.dart';
+import 'package:venera/foundation/log.dart';
 import 'package:venera/utils/ext.dart';
 
 class CookieJarSql {
@@ -130,9 +131,17 @@ class CookieJarSql {
   }
 
   void saveFromResponseCookieHeader(Uri uri, List<String> cookieHeader) {
-    var cookies = cookieHeader
-        .map((header) => Cookie.fromSetCookieValue(header))
-        .toList();
+    var cookies = <Cookie>[];
+    for (var header in cookieHeader) {
+      try{
+        var cookie = Cookie.fromSetCookieValue(header);
+        cookies.add(cookie);
+      }
+      catch(_) {
+        Log.warning("Network", "Invalid cookie header: $header");
+        continue;
+      }
+    }
     saveFromResponse(uri, cookies);
   }
 

lib/pages/comic_page.dart

@@ -458,7 +458,7 @@ class _ComicPageState extends LoadingState<ComicPage, ComicDetails>
   }
 
   Widget buildRecommend() {
-    if (comic.recommend == null) {
+    if (comic.recommend == null||comic.recommend!.isEmpty) {
       return const SliverPadding(padding: EdgeInsets.zero);
     }
     return SliverMainAxisGroup(slivers: [

lib/pages/home_page.dart

@@ -699,7 +699,7 @@ class _ImportComicsWidgetState extends State<_ImportComicsWidget> {
       subtitle: '',
       tags: [],
       directory: directory.name,
-      chapters: Map.fromIterables(chapters, chapters),
+      chapters: hasChapters ? Map.fromIterables(chapters, chapters) : null,
       cover: coverPath,
       comicType: ComicType.local,
       downloadedChapters: chapters,

lib/pages/reader/gesture.dart

@@ -12,14 +12,16 @@ class _ReaderGestureDetector extends StatefulWidget {
 class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
   late TapGestureRecognizer _tapGestureRecognizer;
 
-  static const _kDoubleTapMinTime = Duration(milliseconds: 200);
+  static const _kDoubleTapMaxTime = Duration(milliseconds: 200);
 
-  static const _kLongPressMinTime = Duration(milliseconds: 200);
+  static const _kLongPressMinTime = Duration(milliseconds: 250);
 
   static const _kDoubleTapMaxDistanceSquared = 20.0 * 20.0;
 
   static const _kTapToTurnPagePercent = 0.3;
 
+  _DragListener? dragListener;
+
   @override
   void initState() {
     _tapGestureRecognizer = TapGestureRecognizer()
@@ -28,6 +30,7 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
         onSecondaryTapUp(details.globalPosition);
       };
     super.initState();
+    context.readerScaffold._gestureDetectorState = this;
   }
 
   @override
@@ -38,11 +41,20 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
         _lastTapPointer = event.pointer;
         _lastTapMoveDistance = Offset.zero;
         _tapGestureRecognizer.addPointer(event);
+        if(_dragInProgress) {
+          dragListener?.onEnd?.call();
+          _dragInProgress = false;
+        }
         Future.delayed(_kLongPressMinTime, () {
-          if (_lastTapPointer == event.pointer &&
-              _lastTapMoveDistance!.distanceSquared < 20.0 * 20.0) {
-            onLongPressedDown(event.position);
-            _longPressInProgress = true;
+          if (_lastTapPointer == event.pointer) {
+            if(_lastTapMoveDistance!.distanceSquared < 20.0 * 20.0) {
+              onLongPressedDown(event.position);
+              _longPressInProgress = true;
+            } else {
+              _dragInProgress = true;
+              dragListener?.onStart?.call(event.position);
+              dragListener?.onMove?.call(_lastTapMoveDistance!);
+            }
           }
         });
       },
@@ -50,11 +62,18 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
         if (event.pointer == _lastTapPointer) {
           _lastTapMoveDistance = event.delta + _lastTapMoveDistance!;
         }
+        if(_dragInProgress) {
+          dragListener?.onMove?.call(event.delta);
+        }
       },
       onPointerUp: (event) {
         if (_longPressInProgress) {
           onLongPressedUp(event.position);
         }
+        if(_dragInProgress) {
+          dragListener?.onEnd?.call();
+          _dragInProgress = false;
+        }
         _lastTapPointer = null;
         _lastTapMoveDistance = null;
       },
@@ -89,6 +108,8 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
 
   bool _longPressInProgress = false;
 
+  bool _dragInProgress = false;
+
   void onTapUp(TapUpDetails event) {
     if (_longPressInProgress) {
       _longPressInProgress = false;
@@ -107,7 +128,7 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
       }
     }
     _previousEvent = event;
-    Future.delayed(_kDoubleTapMinTime, () {
+    Future.delayed(_kDoubleTapMaxTime, () {
       if (_previousEvent == event) {
         onTap(location);
         _previousEvent = null;
@@ -183,25 +204,33 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
       location,
       [
         MenuEntry(
-            text: "Settings".tl,
-            onClick: () {
-              context.readerScaffold.openSetting();
-            }),
+          icon: Icons.settings,
+          text: "Settings".tl,
+          onClick: () {
+            context.readerScaffold.openSetting();
+          },
+        ),
         MenuEntry(
-            text: "Chapters".tl,
-            onClick: () {
-              context.readerScaffold.openChapterDrawer();
-            }),
+          icon: Icons.menu,
+          text: "Chapters".tl,
+          onClick: () {
+            context.readerScaffold.openChapterDrawer();
+          },
+        ),
         MenuEntry(
-            text: "Fullscreen".tl,
-            onClick: () {
-              context.reader.fullscreen();
-            }),
+          icon: Icons.fullscreen,
+          text: "Fullscreen".tl,
+          onClick: () {
+            context.reader.fullscreen();
+          },
+        ),
         MenuEntry(
-            text: "Exit".tl,
-            onClick: () {
-              context.pop();
-            }),
+          icon: Icons.exit_to_app,
+          text: "Exit".tl,
+          onClick: () {
+            context.pop();
+          },
+        ),
       ],
     );
   }
@@ -214,3 +243,11 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
     context.reader._imageViewController?.handleLongPressDown(location);
   }
 }
+
+class _DragListener {
+  void Function(Offset point)? onStart;
+  void Function(Offset offset)? onMove;
+  void Function()? onEnd;
+
+  _DragListener({this.onStart, this.onMove, this.onEnd});
+}

lib/pages/reader/images.dart

@@ -116,6 +116,9 @@ class _GalleryModeState extends State<_GalleryMode>
     controller = PageController(initialPage: reader.page);
     reader._imageViewController = this;
     cached = List.filled(reader.maxPage + 2, false);
+    Future.microtask(() {
+      context.readerScaffold.setFloatingButton(0);
+    });
     super.initState();
   }
 
@@ -180,11 +183,11 @@ class _GalleryModeState extends State<_GalleryMode>
       ),
       onPageChanged: (i) {
         if (i == 0) {
-          if (!reader.toNextChapter()) {
+          if (!reader.toPrevChapter()) {
             reader.toPage(1);
           }
         } else if (i == reader.maxPage + 1) {
-          if (!reader.toPrevChapter()) {
+          if (!reader.toNextChapter()) {
             reader.toPage(reader.maxPage);
           }
         } else {

lib/pages/reader/reader.dart

@@ -2,6 +2,7 @@ library venera_reader;
 
 import 'dart:async';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
@@ -105,6 +106,7 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {
     Future.microtask(() {
       updateHistory();
     });
+    SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersive);
     super.initState();
   }
 
@@ -112,6 +114,7 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {
   void dispose() {
     autoPageTurningTimer?.cancel();
     focusNode.dispose();
+    SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
     super.dispose();
   }
 

lib/pages/reader/scaffold.dart

@@ -20,21 +20,68 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
 
   int showFloatingButtonValue = 0;
 
-  double fABValue = 0;
+  var lastValue = 0;
+
+  var fABValue = ValueNotifier<double>(0);
+
+  _ReaderGestureDetectorState? _gestureDetectorState;
 
   void setFloatingButton(int value) {
+    lastValue = showFloatingButtonValue;
     if (value == 0) {
       if (showFloatingButtonValue != 0) {
         showFloatingButtonValue = 0;
-        fABValue = 0;
+        fABValue.value = 0;
         update();
       }
+      _gestureDetectorState!.dragListener = null;
     }
+    var readerMode = context.reader.mode;
     if (value == 1 && showFloatingButtonValue == 0) {
       showFloatingButtonValue = 1;
+      _gestureDetectorState!.dragListener = _DragListener(
+        onMove: (offset) {
+          if (readerMode == ReaderMode.continuousTopToBottom) {
+            fABValue.value -= offset.dy;
+          } else if (readerMode == ReaderMode.continuousLeftToRight) {
+            fABValue.value -= offset.dx;
+          } else if (readerMode == ReaderMode.continuousRightToLeft) {
+            fABValue.value += offset.dx;
+          }
+        },
+        onEnd: () {
+          if (fABValue.value.abs() > 58 * 3) {
+            setState(() {
+              showFloatingButtonValue = 0;
+            });
+            context.reader.toNextChapter();
+          }
+          fABValue.value = 0;
+        },
+      );
       update();
     } else if (value == -1 && showFloatingButtonValue == 0) {
       showFloatingButtonValue = -1;
+      _gestureDetectorState!.dragListener = _DragListener(
+        onMove: (offset) {
+          if (readerMode == ReaderMode.continuousTopToBottom) {
+            fABValue.value += offset.dy;
+          } else if (readerMode == ReaderMode.continuousLeftToRight) {
+            fABValue.value += offset.dx;
+          } else if (readerMode == ReaderMode.continuousRightToLeft) {
+            fABValue.value -= offset.dx;
+          }
+        },
+        onEnd: () {
+          if (fABValue.value.abs() > 58 * 3) {
+            setState(() {
+              showFloatingButtonValue = 0;
+            });
+            context.reader.toPrevChapter();
+          }
+          fABValue.value = 0;
+        },
+      );
       update();
     }
   }
@@ -47,6 +94,9 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
         sliderFocus.nextFocus();
       }
     });
+    if (rotation != null) {
+      SystemChrome.setPreferredOrientations(DeviceOrientation.values);
+    }
     super.initState();
   }
 
@@ -57,6 +107,11 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
   }
 
   void openOrClose() {
+    if(!_isOpen) {
+      SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
+    } else {
+      SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersive);
+    }
     setState(() {
       _isOpen = !_isOpen;
     });
@@ -76,6 +131,12 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
           child: widget.child,
         ),
         buildPageInfoText(),
+        AnimatedPositioned(
+          duration: const Duration(milliseconds: 180),
+          right: 16,
+          bottom: showFloatingButtonValue == 0 ? -58 : 16,
+          child: buildEpChangeButton(),
+        ),
         AnimatedPositioned(
           duration: const Duration(milliseconds: 180),
           top: _isOpen ? 0 : -(kTopBarHeight + context.padding.top),
@@ -86,18 +147,11 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
         ),
         AnimatedPositioned(
           duration: const Duration(milliseconds: 180),
-          bottom: _isOpen ? 0 : -(kBottomBarHeight + context.padding.bottom),
+          bottom: _isOpen ? 0 : -kBottomBarHeight,
           left: 0,
           right: 0,
-          height: kBottomBarHeight + context.padding.bottom,
           child: buildBottom(),
         ),
-        AnimatedPositioned(
-          duration: const Duration(milliseconds: 180),
-          right: 16,
-          bottom: showFloatingButtonValue == 0 ? -58 : 16,
-          child: buildEpChangeButton(),
-        ),
       ],
     );
   }
@@ -150,7 +204,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
     }
 
     Widget child = SizedBox(
-      height: kBottomBarHeight + MediaQuery.of(context).padding.bottom,
+      height: kBottomBarHeight,
       child: Column(
         children: [
           const SizedBox(
@@ -160,14 +214,34 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
             children: [
               const SizedBox(width: 8),
               IconButton.filledTonal(
-                onPressed: context.reader.toPrevChapter,
+                onPressed: () {
+                  if (!context.reader.toPrevChapter()) {
+                    context.reader.toPage(1);
+                  } else {
+                    if(showFloatingButtonValue != 0) {
+                      setState(() {
+                        showFloatingButtonValue = 0;
+                      });
+                    }
+                  }
+                },
                 icon: const Icon(Icons.first_page),
               ),
               Expanded(
                 child: buildSlider(),
               ),
               IconButton.filledTonal(
-                  onPressed: context.reader.toNextChapter,
+                  onPressed: () {
+                    if (!context.reader.toNextChapter()) {
+                      context.reader.toPage(context.reader.maxPage);
+                    } else {
+                      if(showFloatingButtonValue != 0) {
+                        setState(() {
+                          showFloatingButtonValue = 0;
+                        });
+                      }
+                    }
+                  },
                   icon: const Icon(Icons.last_page)),
               const SizedBox(
                 width: 8,
@@ -359,8 +433,8 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
     if (imageKey.startsWith("file://")) {
       return await File(imageKey.substring(7)).readAsBytes();
     } else {
-      return (await CacheManager()
-              .findCache("$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
+      return (await CacheManager().findCache(
+              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
           .readAsBytes();
     }
   }
@@ -402,11 +476,6 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
   Widget buildEpChangeButton() {
     if (context.reader.widget.chapters == null) return const SizedBox();
     switch (showFloatingButtonValue) {
-      case -1:
-        return FloatingActionButton(
-          onPressed: () => context.reader.toPrevChapter(),
-          child: const Icon(Icons.arrow_back_ios_outlined),
-        );
       case 0:
         return Container(
           width: 58,
@@ -417,11 +486,14 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
             borderRadius: BorderRadius.circular(16),
           ),
           child: Icon(
-            Icons.arrow_forward_ios,
+            lastValue == 1
+                ? Icons.arrow_forward_ios
+                : Icons.arrow_back_ios_outlined,
             size: 24,
             color: Theme.of(context).colorScheme.onPrimaryContainer,
           ),
         );
+      case -1:
       case 1:
         return Container(
           width: 58,
@@ -431,37 +503,54 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
             color: Theme.of(context).colorScheme.primaryContainer,
             borderRadius: BorderRadius.circular(16),
           ),
-          child: Stack(
-            children: [
-              Positioned.fill(
-                child: Material(
-                  color: Colors.transparent,
-                  child: InkWell(
-                    onTap: () => context.reader.toNextChapter(),
-                    borderRadius: BorderRadius.circular(16),
-                    child: Center(
-                        child: Icon(
-                      Icons.arrow_forward_ios,
-                      size: 24,
-                      color: Theme.of(context).colorScheme.onPrimaryContainer,
-                    )),
+          child: ValueListenableBuilder(
+            valueListenable: fABValue,
+            builder: (context, value, child) {
+              return Stack(
+                children: [
+                  Positioned.fill(
+                    child: Material(
+                      color: Colors.transparent,
+                      child: InkWell(
+                        onTap: () {
+                          setFloatingButton(0);
+                          if (showFloatingButtonValue == 1) {
+                            context.reader.toNextChapter();
+                          } else {
+                            context.reader.toPrevChapter();
+                          }
+                        },
+                        borderRadius: BorderRadius.circular(16),
+                        child: Center(
+                          child: Icon(
+                            showFloatingButtonValue == 1
+                                ? Icons.arrow_forward_ios
+                                : Icons.arrow_back_ios_outlined,
+                            size: 24,
+                            color: Theme.of(context)
+                                .colorScheme
+                                .onPrimaryContainer,
+                          ),
+                        ),
+                      ),
+                    ),
                   ),
-                ),
-              ),
-              Positioned(
-                bottom: 0,
-                left: 0,
-                right: 0,
-                height: fABValue,
-                child: ColoredBox(
-                  color: Theme.of(context)
-                      .colorScheme
-                      .surfaceTint
-                      .withOpacity(0.2),
-                  child: const SizedBox.expand(),
-                ),
-              )
-            ],
+                  Positioned(
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    height: value.clamp(0, 58*3) / 3,
+                    child: ColoredBox(
+                      color: Theme.of(context)
+                          .colorScheme
+                          .surfaceTint
+                          .withOpacity(0.2),
+                      child: const SizedBox.expand(),
+                    ),
+                  ),
+                ],
+              );
+            },
           ),
         );
     }

pubspec.yaml

@@ -2,7 +2,7 @@ name: venera
 description: "A comic app."
 publish_to: 'none'
 
-version: 1.0.0-beta+1
+version: 1.0.0+1
 
 environment:
   sdk: '>=3.5.0 <4.0.0'