feat(reader): 添加导航锁定功能以防止在选中文本时翻页

Author: codedogQBY

packages/app-expo/assets/reader/reader.html

@@ -73,6 +73,7 @@
     let searchGenerator = null;
     let searchResults = [];
     let searchIndex = 0;
+    let navigationLocked = false;
 
     // ─── Message handler from React Native ───
     window.addEventListener('message', async (e) => {
@@ -572,8 +573,14 @@
     }
 
     // ─── Expose global functions for injectJavaScript ───
-    window.goNext = function() { if (view) view.next(); };
-    window.goPrev = function() { if (view) view.prev(); };
+    window.goNext = function() { 
+      if (navigationLocked) return;
+      if (view) view.next(); 
+    };
+    window.goPrev = function() { 
+      if (navigationLocked) return;
+      if (view) view.prev(); 
+    };
     window.goToHref = function(href) { if (view) view.goTo(href); };
     window.goToProgress = function(p) { if (view) view.goToFraction(p); };
     window.search = function(q) { handleSearch(q); };
@@ -587,6 +594,7 @@
     window.setViewMode = function(m) { applySettings({ viewMode: m }); };
     window.addAnnotation = function(a) { if (view) view.addAnnotation(a); };
     window.removeAnnotation = function(a) { if (view) view.deleteAnnotation(a); };
+    window.setNavigationLocked = function(locked) { navigationLocked = locked; };
 
     // ─── Polyfills ───
     Object.groupBy ??= function(iterable, fn) {

packages/app-expo/src/hooks/use-reader-bridge.ts

@@ -154,6 +154,13 @@ export function useReaderBridge(callbacks: ReaderBridgeCallbacks) {
     [inject],
   );
 
+  const setNavigationLocked = useCallback(
+    (locked: boolean) => {
+      inject(`window.setNavigationLocked(${locked})`);
+    },
+    [inject],
+  );
+
   // ─── Handle messages from WebView ───
 
   const handleMessage = useCallback((event: { nativeEvent: { data: string } }) => {
@@ -235,5 +242,6 @@ export function useReaderBridge(callbacks: ReaderBridgeCallbacks) {
     removeAnnotation,
     applySettings,
     setThemeColors,
+    setNavigationLocked,
   };
 }

packages/app-expo/src/screens/ReaderScreen.tsx

@@ -383,6 +383,12 @@ export function ReaderScreen({ route, navigation }: Props) {
     }
   }, [webViewReady, highlights.length]);
 
+  // Lock navigation when selection is active
+  useEffect(() => {
+    if (!webViewReady) return;
+    bridge.setNavigationLocked(!!selection);
+  }, [webViewReady, selection]);
+
   // Controls toggle
   const toggleControls = useCallback(() => {
     const willShow = !showControls;