opt.: server tab navigation bar when landscape

lib/view/widget/auto_hide.dart

@@ -0,0 +1,102 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+
+final class AutoHide extends StatefulWidget {
+  final Widget child;
+  final ScrollController controller;
+  final AxisDirection direction;
+
+  const AutoHide({
+    super.key,
+    required this.child,
+    required this.controller,
+    required this.direction,
+  });
+
+  @override
+  State<AutoHide> createState() => _AutoHideState();
+}
+
+final class _AutoHideState extends State<AutoHide> {
+  bool _visible = true;
+  bool _isScrolling = false;
+  Timer? _timer;
+
+  @override
+  void initState() {
+    super.initState();
+    widget.controller.addListener(_scrollListener);
+    _setupTimer();
+  }
+
+  @override
+  void dispose() {
+    widget.controller.removeListener(_scrollListener);
+    _timer?.cancel();
+    _timer = null;
+    super.dispose();
+  }
+
+  void _setupTimer() {
+    _timer?.cancel();
+    _timer = Timer.periodic(const Duration(seconds: 3), (_) {
+      debugPrint('[AutoHideFab._timer] trigger timer');
+      if (_isScrolling) return;
+      if (!_visible) return;
+      if (!widget.controller.positions.any((e) => e.maxScrollExtent >= 0)) {
+        return;
+      }
+      setState(() {
+        _visible = false;
+      });
+      _timer?.cancel();
+      _timer = null;
+    });
+  }
+
+  void _scrollListener() {
+    if (_isScrolling) return;
+    _isScrolling = true;
+
+    if (!_visible) {
+      setState(() {
+        _visible = true;
+      });
+      _setupTimer();
+    }
+
+    _isScrolling = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedContainer(
+      duration: Durations.medium1,
+      curve: Curves.easeInOutCubic,
+      transform: _transform,
+      child: widget.child,
+    );
+  }
+
+  Matrix4? get _transform {
+    switch (widget.direction) {
+      case AxisDirection.down:
+        return _visible
+            ? Matrix4.identity()
+            : Matrix4.translationValues(0, 55, 0);
+      case AxisDirection.up:
+        return _visible
+            ? Matrix4.identity()
+            : Matrix4.translationValues(0, -55, 0);
+      case AxisDirection.left:
+        return _visible
+            ? Matrix4.identity()
+            : Matrix4.translationValues(-55, 0, 0);
+      case AxisDirection.right:
+        return _visible
+            ? Matrix4.identity()
+            : Matrix4.translationValues(55, 0, 0);
+    }
+  }
+}

lib/view/widget/auto_hide_fab.dart

@@ -1,86 +0,0 @@
-import 'dart:async';
-
-import 'package:flutter/material.dart';
-import 'package:flutter/rendering.dart';
-
-final class AutoHideFab extends StatefulWidget {
-  final Widget child;
-  final ScrollController controller;
-
-  const AutoHideFab({
-    super.key,
-    required this.child,
-    required this.controller,
-  });
-
-  @override
-  State<AutoHideFab> createState() => _AutoHideFabState();
-}
-
-final class _AutoHideFabState extends State<AutoHideFab> {
-  bool _visible = true;
-  bool _isScrolling = false;
-  Timer? _timer;
-
-  @override
-  void initState() {
-    super.initState();
-    widget.controller.addListener(_scrollListener);
-  }
-
-  @override
-  void dispose() {
-    widget.controller.removeListener(_scrollListener);
-    _timer?.cancel();
-    _timer = null;
-    super.dispose();
-  }
-
-  void _setupTimer() {
-    if (_timer != null) {
-      _timer!.cancel();
-      _timer = null;
-    }
-    _timer = Timer.periodic(const Duration(seconds: 3), (_) {
-      if (_isScrolling) return;
-      if (!_visible) return;
-      if (widget.controller.position.maxScrollExtent <= 0) return;
-      setState(() {
-        _visible = false;
-      });
-    });
-  }
-
-  void _scrollListener() {
-    if (_isScrolling) return;
-    _isScrolling = true;
-    if (widget.controller.position.userScrollDirection ==
-        ScrollDirection.reverse) {
-      if (_visible) {
-        setState(() {
-          _visible = false;
-        });
-        _timer?.cancel();
-        _timer = null;
-      }
-    } else {
-      if (!_visible) {
-        setState(() {
-          _visible = true;
-        });
-        _setupTimer();
-      }
-    }
-    _isScrolling = false;
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return AnimatedContainer(
-      duration: Durations.medium1,
-      curve: Curves.easeInOutCubic,
-      transform: Matrix4.translationValues(_visible ? 0.0 : 55, 0.0, 0.0),
-      child: widget.child,
-    );
-  }
-}

lib/view/widget/kv_row.dart

@@ -28,11 +28,12 @@ final class KvRow extends StatelessWidget {
           children: [
             kBuilder?.call() ?? Text(k, style: UIs.text12),
             UIs.width7,
-            vBuilder?.call() ?? Text(
-              v,
-              style: UIs.text11Grey,
-              overflow: TextOverflow.ellipsis,
-            ),
+            vBuilder?.call() ??
+                Text(
+                  v,
+                  style: UIs.text11Grey,
+                  overflow: TextOverflow.ellipsis,
+                ),
             if (onTap != null) UIs.width7,
             if (onTap != null) const Icon(Icons.keyboard_arrow_right, size: 16),
           ],