fix: fixed keyboard dismissing issue with Reanimated v3 (#1346)(by @j…

…anicduplessis) * Fix reanimated freezing Keyboard module
gorhom · Apr 30, 2023 · 94cf11e · LuisRego · May 15, 2023 · CarlMenke
1 parent 9c5af58
commit 94cf11e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/example/app/src/screens/advanced/customGestureHandling/useCustomGestureEventsHandlers.ts b/example/app/src/screens/advanced/customGestureHandling/useCustomGestureEventsHandlers.ts
@@ -12,6 +12,8 @@ import {
 } from '@gorhom/bottom-sheet';
 import { useGestureTranslationY } from './GestureTranslationContext';
 
+const dismissKeyboardOnJs = runOnJS(Keyboard.dismiss);
+
 export const useCustomGestureEventsHandlers = () => {
   // hooks
   const gestureTranslationY = useGestureTranslationY();
@@ -266,7 +268,7 @@ export const useCustomGestureEventsHandlers = () => {
             absoluteY > WINDOW_HEIGHT - animatedKeyboardHeight.value
           )
         ) {
-          runOnJS(Keyboard.dismiss)();
+          dismissKeyboardOnJs();
         }
       }
 

diff --git a/src/hooks/useGestureEventsHandlersDefault.tsx b/src/hooks/useGestureEventsHandlersDefault.tsx
@@ -21,6 +21,8 @@ type GestureEventContextType = {
   isScrollablePositionLocked: boolean;
 };
 
+const dismissKeyboardOnJs = runOnJS(Keyboard.dismiss);
+
 export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
   () => {
     //#region variables
@@ -296,7 +298,7 @@ export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
                 absoluteY > WINDOW_HEIGHT - animatedKeyboardHeight.value
               )
             ) {
-              runOnJS(Keyboard.dismiss)();
+              dismissKeyboardOnJs();
             }
           }