feat: customize auto scroll offset on mobile (AppFlowy-IO#743)

Jei-sKappa · Mar 14, 2024 · 2493d9b · 2493d9b
1 parent ecec65f
commit 2493d9b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/lib/src/editor/editor_component/service/editor.dart b/lib/src/editor/editor_component/service/editor.dart
@@ -15,6 +15,10 @@ import 'package:provider/provider.dart';
 // the operation must be paired
 KeepEditorFocusNotifier keepEditorFocusNotifier = KeepEditorFocusNotifier();
 
+/// The default value of the auto scroll edge offset on mobile
+/// The editor will scroll when the cursor is close to the edge of the screen
+double appFlowyEditorAutoScrollEdgeOffset = 220.0;
+
 class AppFlowyEditor extends StatefulWidget {
   AppFlowyEditor({
     super.key,

diff --git a/lib/src/editor/editor_component/service/scroll_service_widget.dart b/lib/src/editor/editor_component/service/scroll_service_widget.dart
@@ -101,14 +101,13 @@ class _ScrollServiceWidgetState extends State<ScrollServiceWidget>
       if (PlatformExtension.isMobile) {
         // soft keyboard
         // workaround: wait for the soft keyboard to show up
-        return Future.delayed(
-            Duration(
-              milliseconds:
-                  KeyboardHeightObserver.currentKeyboardHeight == 0 ? 250 : 0,
-            ), () {
+        final duration = KeyboardHeightObserver.currentKeyboardHeight == 0
+            ? const Duration(milliseconds: 250)
+            : Duration.zero;
+        return Future.delayed(duration, () {
           startAutoScroll(
             endTouchPoint,
-            edgeOffset: 150,
+            edgeOffset: appFlowyEditorAutoScrollEdgeOffset,
             duration: Duration.zero,
           );
         });