react-native-keyboard-controller 1.11.1 → 1.11.3

package/android/src/main/java/com/reactnativekeyboardcontroller/extensions/EditText.kt

@@ -86,3 +86,11 @@ val EditText.parentScrollViewTarget: Int
     // ScrollView was not found
     return -1
   }
+
+fun EditText?.focus() {
+  if (this is ReactEditText) {
+    this.requestFocusFromJS()
+  } else {
+    this?.requestFocus()
+  }
+}

package/android/src/main/java/com/reactnativekeyboardcontroller/listeners/KeyboardAnimationCallback.kt

@@ -1,11 +1,9 @@
 package com.reactnativekeyboardcontroller.listeners
 
-import android.animation.ValueAnimator
 import android.os.Build
 import android.util.Log
 import android.view.View
 import android.view.ViewTreeObserver.OnGlobalFocusChangeListener
-import androidx.core.animation.doOnEnd
 import androidx.core.graphics.Insets
 import androidx.core.view.OnApplyWindowInsetsListener
 import androidx.core.view.ViewCompat
@@ -26,6 +24,7 @@ import com.reactnativekeyboardcontroller.interactive.InteractiveKeyboardProvider
 import kotlin.math.abs
 
 private val TAG = KeyboardAnimationCallback::class.qualifiedName
+private val isResizeHandledInCallbackMethods = Build.VERSION.SDK_INT < Build.VERSION_CODES.R
 
 class KeyboardAnimationCallback(
   val view: ReactViewGroup,
@@ -38,11 +37,12 @@ class KeyboardAnimationCallback(
 
   // state variables
   private var persistentKeyboardHeight = 0.0
+  private var prevKeyboardHeight = 0.0
   private var isKeyboardVisible = false
   private var isTransitioning = false
   private var duration = 0
   private var viewTagFocused = -1
-  private var animation: ValueAnimator? = null
+  private var animationsToSkip = hashSetOf<WindowInsetsAnimationCompat>()
 
   // listeners
   private val focusListener = OnGlobalFocusChangeListener { oldFocus, newFocus ->
@@ -130,7 +130,7 @@ class KeyboardAnimationCallback(
     // in this method
     val isKeyboardSizeEqual = this.persistentKeyboardHeight == keyboardHeight
 
-    if (isKeyboardFullyVisible && !isKeyboardSizeEqual && Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+    if (isKeyboardFullyVisible && !isKeyboardSizeEqual && !isResizeHandledInCallbackMethods) {
       Log.i(TAG, "onApplyWindowInsets: ${this.persistentKeyboardHeight} -> $keyboardHeight")
       layoutObserver?.syncUpLayout()
       this.onKeyboardResized(keyboardHeight)
@@ -139,6 +139,7 @@ class KeyboardAnimationCallback(
     return insets
   }
 
+  @Suppress("detekt:ReturnCount")
   override fun onStart(
     animation: WindowInsetsAnimationCompat,
     bounds: WindowInsetsAnimationCompat.BoundsCompat,
@@ -158,6 +159,18 @@ class KeyboardAnimationCallback(
     }
 
     layoutObserver?.syncUpLayout()
+
+    // keyboard gets resized - we do not want to have a default animated transition
+    // so we skip these animations
+    val isKeyboardResized = keyboardHeight != 0.0 && prevKeyboardHeight != keyboardHeight
+    val isKeyboardShown = isKeyboardVisible && prevKeyboardHeight != 0.0
+    if (isKeyboardResized && isKeyboardShown && isResizeHandledInCallbackMethods) {
+      onKeyboardResized(keyboardHeight)
+      animationsToSkip.add(animation)
+
+      return bounds
+    }
+
     context.emitEvent(
       "KeyboardController::" + if (!isKeyboardVisible) "keyboardWillHide" else "keyboardWillShow",
       getEventParams(keyboardHeight),
@@ -186,8 +199,8 @@ class KeyboardAnimationCallback(
   ): WindowInsetsCompat {
     // onProgress() is called when any of the running animations progress...
 
-    // ignore non-keyboard animation
-    runningAnimations.find { it.isKeyboardAnimation } ?: return insets
+    // ignore non-keyboard animation or animation that we intentionally want to skip
+    runningAnimations.find { it.isKeyboardAnimation && !animationsToSkip.contains(it) } ?: return insets
 
     // First we get the insets which are potentially deferred
     val typesInset = insets.getInsets(deferredInsetTypes)
@@ -254,6 +267,13 @@ class KeyboardAnimationCallback(
       InteractiveKeyboardProvider.shown = false
     }
     isKeyboardVisible = isKeyboardVisible || isKeyboardShown
+    prevKeyboardHeight = keyboardHeight
+
+    if (animation in animationsToSkip) {
+      duration = 0
+      animationsToSkip.remove(animation)
+      return
+    }
 
     context.emitEvent(
       "KeyboardController::" + if (!isKeyboardVisible) "keyboardDidHide" else "keyboardDidShow",
@@ -282,22 +302,10 @@ class KeyboardAnimationCallback(
   }
 
   /*
-   * In the method below we recreate the logic that used when keyboard appear/disappear:
-   * - we dispatch `keyboardWillShow` (onStart);
-   * - we dispatch change height/progress as animated values (onProgress);
-   * - we dispatch `keyboardDidShow` (onEnd).
+   * Method that dispatches necessary events when keyboard gets resized
    */
   private fun onKeyboardResized(keyboardHeight: Double) {
-    if (this.animation?.isRunning == true) {
-      Log.i(TAG, "onKeyboardResized -> cancelling animation that is in progress")
-      // if animation is in progress, then we are:
-      // - removing listeners (update, onEnd)
-      // - updating `persistentKeyboardHeight` to latest animated value
-      // - cancelling animation to free up CPU resources
-      this.animation?.removeAllListeners()
-      this.persistentKeyboardHeight = (this.animation?.animatedValue as Float).toDouble()
-      this.animation?.cancel()
-    }
+    duration = 0
 
     context.emitEvent("KeyboardController::keyboardWillShow", getEventParams(keyboardHeight))
     context.dispatchEvent(
@@ -308,48 +316,36 @@ class KeyboardAnimationCallback(
         "topKeyboardMoveStart",
         keyboardHeight,
         1.0,
-        DEFAULT_ANIMATION_TIME,
+        0,
         viewTagFocused,
       ),
     )
-
-    val animation =
-      ValueAnimator.ofFloat(this.persistentKeyboardHeight.toFloat(), keyboardHeight.toFloat())
-    animation.addUpdateListener { animator ->
-      val toValue = animator.animatedValue as Float
-      context.dispatchEvent(
+    context.dispatchEvent(
+      view.id,
+      KeyboardTransitionEvent(
+        surfaceId,
         view.id,
-        KeyboardTransitionEvent(
-          surfaceId,
-          view.id,
-          "topKeyboardMove",
-          toValue.toDouble(),
-          toValue.toDouble() / keyboardHeight,
-          DEFAULT_ANIMATION_TIME,
-          viewTagFocused,
-        ),
-      )
-    }
-    animation.doOnEnd {
-      context.emitEvent("KeyboardController::keyboardDidShow", getEventParams(keyboardHeight))
-      context.dispatchEvent(
+        "topKeyboardMove",
+        keyboardHeight,
+        1.0,
+        0,
+        viewTagFocused,
+      ),
+    )
+    context.dispatchEvent(
+      view.id,
+      KeyboardTransitionEvent(
+        surfaceId,
         view.id,
-        KeyboardTransitionEvent(
-          surfaceId,
-          view.id,
-          "topKeyboardMoveEnd",
-          keyboardHeight,
-          1.0,
-          DEFAULT_ANIMATION_TIME,
-          viewTagFocused,
-        ),
-      )
-      this.animation = null
-    }
-    animation.setDuration(DEFAULT_ANIMATION_TIME.toLong()).startDelay = 0
-    animation.start()
+        "topKeyboardMoveEnd",
+        keyboardHeight,
+        1.0,
+        0,
+        viewTagFocused,
+      ),
+    )
+    context.emitEvent("KeyboardController::keyboardDidShow", getEventParams(keyboardHeight))
 
-    this.animation = animation
     this.persistentKeyboardHeight = keyboardHeight
   }
 
@@ -377,8 +373,4 @@ class KeyboardAnimationCallback(
 
     return params
   }
-
-  companion object {
-    private const val DEFAULT_ANIMATION_TIME = 250
-  }
 }

package/android/src/main/java/com/reactnativekeyboardcontroller/modules/KeyboardControllerModuleImpl.kt

@@ -32,7 +32,7 @@ class KeyboardControllerModuleImpl(private val mReactContext: ReactApplicationCo
 
   fun setFocusTo(direction: String) {
     if (direction == "current") {
-      return FocusedInputHolder.requestFocus()
+      return FocusedInputHolder.focus()
     }
 
     val activity = mReactContext.currentActivity

package/android/src/main/java/com/reactnativekeyboardcontroller/traversal/FocusedInputHolder.kt

@@ -1,16 +1,21 @@
 package com.reactnativekeyboardcontroller.traversal
 
-import com.facebook.react.views.textinput.ReactEditText
+import android.widget.EditText
+import com.reactnativekeyboardcontroller.extensions.focus
 import java.lang.ref.WeakReference
 
 object FocusedInputHolder {
-  private var input: WeakReference<ReactEditText?>? = null
+  private var input: WeakReference<EditText?>? = null
 
-  fun set(textInput: ReactEditText) {
+  fun set(textInput: EditText) {
     input = WeakReference(textInput)
   }
 
-  fun requestFocus() {
-    input?.get()?.requestFocusFromJS()
+  fun get(): EditText? {
+    return input?.get()
+  }
+
+  fun focus() {
+    input?.get()?.focus()
   }
 }

package/android/src/main/java/com/reactnativekeyboardcontroller/traversal/ViewHierarchyNavigator.kt

@@ -4,18 +4,14 @@ import android.view.View
 import android.view.ViewGroup
 import android.widget.EditText
 import com.facebook.react.bridge.UiThreadUtil
-import com.facebook.react.views.textinput.ReactEditText
+import com.reactnativekeyboardcontroller.extensions.focus
 
 object ViewHierarchyNavigator {
   fun setFocusTo(direction: String, view: View) {
     val input = if (direction == "next") findNextEditText(view) else findPreviousEditText(view)
 
     UiThreadUtil.runOnUiThread {
-      if (input is ReactEditText) {
-        input.requestFocusFromJS()
-      } else {
-        input?.requestFocus()
-      }
+      input.focus()
     }
   }
 

package/android/src/test/java/com/reactnativekeyboardcontroller/traversal/FocusedInputHolderTest.kt

@@ -0,0 +1,45 @@
+package com.reactnativekeyboardcontroller.traversal
+
+import android.content.Context
+import android.widget.EditText
+import androidx.test.core.app.ApplicationProvider
+import org.junit.Assert.assertEquals
+import org.junit.Assert.assertFalse
+import org.junit.Assert.assertNull
+import org.junit.Assert.assertTrue
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.robolectric.RobolectricTestRunner
+
+@RunWith(RobolectricTestRunner::class)
+class FocusedInputHolderTest {
+  @Test
+  fun `FocusedInputHolder should hold a weak reference`() {
+    val context = ApplicationProvider.getApplicationContext<Context>()
+    var input: EditText? = EditText(context)
+
+    FocusedInputHolder.set(input as EditText)
+
+    assertEquals(FocusedInputHolder.get(), input)
+
+    input = null
+
+    @Suppress("detekt:ExplicitGarbageCollectionCall")
+    System.gc()
+
+    assertNull(FocusedInputHolder.get())
+  }
+
+  @Test
+  fun `focus() should request focus on expected field`() {
+    val context = ApplicationProvider.getApplicationContext<Context>()
+    val input = EditText(context)
+
+    assertFalse(input.hasFocus())
+
+    FocusedInputHolder.set(input)
+    FocusedInputHolder.focus()
+
+    assertTrue(input.hasFocus())
+  }
+}

package/android/src/test/java/com/reactnativekeyboardcontroller/traversal/ViewHierarchyNavigatorTest.kt

@@ -4,6 +4,7 @@ import android.content.Context
 import android.widget.EditText
 import android.widget.LinearLayout
 import androidx.test.core.app.ApplicationProvider
+import com.reactnativekeyboardcontroller.extensions.focus
 import org.junit.Assert.assertTrue
 import org.junit.Before
 import org.junit.Test
@@ -78,7 +79,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should set focus to next field`() {
-    editText1.requestFocus()
+    editText1.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText1)
 
@@ -89,7 +90,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should set focus to previous field`() {
-    editText2.requestFocus()
+    editText2.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText2)
 
@@ -100,7 +101,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should skip non-editable fields`() {
-    editText2.requestFocus()
+    editText2.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText2)
 
@@ -111,7 +112,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should skip non-editable fields`() {
-    editText5.requestFocus()
+    editText5.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText5)
 
@@ -122,7 +123,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should set focus relatively to current group`() {
-    editText5.requestFocus()
+    editText5.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText5)
 
@@ -133,7 +134,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should set focus relatively to current group`() {
-    editText7.requestFocus()
+    editText7.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText7)
 
@@ -144,7 +145,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should correctly exit from current group`() {
-    editText7.requestFocus()
+    editText7.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText7)
 
@@ -155,7 +156,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should set focus to last element in group`() {
-    editText8.requestFocus()
+    editText8.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText8)
 
@@ -166,7 +167,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should do nothing if it's last element`() {
-    editText13.requestFocus()
+    editText13.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText13)
 
@@ -177,7 +178,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should do nothing if it's first element`() {
-    editText1.requestFocus()
+    editText1.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText1)
 

package/ios/traversal/FocusedInputHolder.swift

@@ -19,14 +19,14 @@ class FocusedInputHolder {
     currentFocusedInput = input
   }
 
-  // Requests focus for the currentFocusedInput if it's set
-  func requestFocus() {
-    currentFocusedInput?.requestFocus()
-  }
-
   func get() -> TextInput? {
     return currentFocusedInput
   }
 
+  // Requests focus for the currentFocusedInput if it's set
+  func focus() {
+    currentFocusedInput?.focus()
+  }
+
   private init() {}
 }

package/ios/traversal/TextInput.swift

@@ -10,17 +10,17 @@ import Foundation
 import UIKit
 
 public protocol TextInput: AnyObject {
-  func requestFocus()
+  func focus()
 }
 
 extension UITextField: TextInput {
-  public func requestFocus() {
+  public func focus() {
     becomeFirstResponder()
   }
 }
 
 extension UITextView: TextInput {
-  public func requestFocus() {
+  public func focus() {
     becomeFirstResponder()
   }
 }

package/ios/traversal/ViewHierarchyNavigator.swift

@@ -14,7 +14,7 @@ public class ViewHierarchyNavigator: NSObject {
   @objc public static func setFocusTo(direction: String) {
     DispatchQueue.main.async {
       if direction == "current" {
-        FocusedInputHolder.shared.requestFocus()
+        FocusedInputHolder.shared.focus()
         return
       }
 
@@ -22,7 +22,7 @@ public class ViewHierarchyNavigator: NSObject {
       guard let view = input else { return }
 
       let textField = findTextInputInDirection(currentFocus: view, direction: direction)
-      textField?.requestFocus()
+      textField?.focus()
     }
   }
 

package/lib/commonjs/components/KeyboardAvoidingView/index.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _useKeyboardInterpolation = _interopRequireDefault(require("../hooks/useKeyboardInterpolation"));
 var _hooks = require("./hooks");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -47,9 +45,6 @@ const KeyboardAvoidingView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     const keyboardY = screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;
     return Math.max(frame.value.y + frame.value.height - keyboardY, 0);
   }, [screenHeight, keyboardVerticalOffset]);
-  const {
-    interpolate
-  } = (0, _useKeyboardInterpolation.default)();
   const onLayoutWorklet = (0, _react.useCallback)(layout => {
     "worklet";
 
@@ -62,7 +57,7 @@ const KeyboardAvoidingView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     onLayoutProps === null || onLayoutProps === void 0 ? void 0 : onLayoutProps(e);
   }, [onLayoutProps]);
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const bottom = interpolate(keyboard.height.value, [0, relativeKeyboardHeight()]);
+    const bottom = (0, _reactNativeReanimated.interpolate)(keyboard.progress.value, [0, 1], [0, relativeKeyboardHeight()]);
     const bottomHeight = enabled ? bottom : 0;
     switch (behavior) {
       case "height":

package/lib/commonjs/components/KeyboardAvoidingView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useKeyboardInterpolation","_interopRequireDefault","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultLayout","x","y","width","height","KeyboardAvoidingView","forwardRef","_ref","ref","behavior","children","contentContainerStyle","enabled","keyboardVerticalOffset","style","onLayout","onLayoutProps","props","initialFrame","useSharedValue","frame","useDerivedValue","value","keyboard","useKeyboardAnimation","screenHeight","useWindowDimensions","relativeKeyboardHeight","useCallback","keyboardY","heightWhenOpened","Math","max","interpolate","useKeyboardInterpolation","onLayoutWorklet","layout","isClosed","e","runOnUI","nativeEvent","animatedStyle","useAnimatedStyle","bottom","bottomHeight","flex","paddingBottom","isPositionBehavior","containerStyle","combinedStyles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { View, useWindowDimensions } from \"react-native\";\nimport Reanimated, {\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport useKeyboardInterpolation from \"../hooks/useKeyboardInterpolation\";\n\nimport { useKeyboardAnimation } from \"./hooks\";\n\nimport type { LayoutRectangle, ViewProps } from \"react-native\";\n\ntype Props = {\n  /**\n   * Specify how to react to the presence of the keyboard.\n   */\n  behavior?: \"height\" | \"position\" | \"padding\";\n\n  /**\n   * Style of the content container when `behavior` is 'position'.\n   */\n  contentContainerStyle?: ViewProps[\"style\"];\n\n  /**\n   * Controls whether this `KeyboardAvoidingView` instance should take effect.\n   * This is useful when more than one is on the screen. Defaults to true.\n   */\n  enabled?: boolean;\n\n  /**\n   * Distance between the top of the user screen and the React Native view. This\n   * may be non-zero in some cases. Defaults to 0.\n   */\n  keyboardVerticalOffset?: number;\n} & ViewProps;\n\nconst defaultLayout: LayoutRectangle = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n};\n\n/**\n * View that moves out of the way when the keyboard appears by automatically\n * adjusting its height, position, or bottom padding.\n */\nconst KeyboardAvoidingView = forwardRef<View, React.PropsWithChildren<Props>>(\n  (\n    {\n      behavior,\n      children,\n      contentContainerStyle,\n      enabled = true,\n      keyboardVerticalOffset = 0,\n      style,\n      onLayout: onLayoutProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const initialFrame = useSharedValue<LayoutRectangle | null>(null);\n    const frame = useDerivedValue(() => initialFrame.value || defaultLayout);\n\n    const keyboard = useKeyboardAnimation();\n    const { height: screenHeight } = useWindowDimensions();\n\n    const relativeKeyboardHeight = useCallback(() => {\n      \"worklet\";\n\n      const keyboardY =\n        screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;\n\n      return Math.max(frame.value.y + frame.value.height - keyboardY, 0);\n    }, [screenHeight, keyboardVerticalOffset]);\n    const { interpolate } = useKeyboardInterpolation();\n\n    const onLayoutWorklet = useCallback((layout: LayoutRectangle) => {\n      \"worklet\";\n\n      if (keyboard.isClosed.value) {\n        initialFrame.value = layout;\n      }\n    }, []);\n    const onLayout = useCallback<NonNullable<ViewProps[\"onLayout\"]>>(\n      (e) => {\n        runOnUI(onLayoutWorklet)(e.nativeEvent.layout);\n        onLayoutProps?.(e);\n      },\n      [onLayoutProps],\n    );\n\n    const animatedStyle = useAnimatedStyle(() => {\n      const bottom = interpolate(keyboard.height.value, [\n        0,\n        relativeKeyboardHeight(),\n      ]);\n      const bottomHeight = enabled ? bottom : 0;\n\n      switch (behavior) {\n        case \"height\":\n          if (!keyboard.isClosed.value) {\n            return {\n              height: frame.value.height - bottomHeight,\n              flex: 0,\n            };\n          }\n\n          return {};\n\n        case \"position\":\n          return { bottom: bottomHeight };\n\n        case \"padding\":\n          return { paddingBottom: bottomHeight };\n\n        default:\n          return {};\n      }\n    }, [behavior, enabled, relativeKeyboardHeight]);\n    const isPositionBehavior = behavior === \"position\";\n    const containerStyle = isPositionBehavior ? contentContainerStyle : style;\n    const combinedStyles = useMemo(\n      () => [containerStyle, animatedStyle],\n      [containerStyle, animatedStyle],\n    );\n\n    if (isPositionBehavior) {\n      return (\n        <View ref={ref} style={style} onLayout={onLayout} {...props}>\n          <Reanimated.View style={combinedStyles}>{children}</Reanimated.View>\n        </View>\n      );\n    }\n\n    return (\n      <Reanimated.View\n        ref={ref}\n        onLayout={onLayout}\n        style={combinedStyles}\n        {...props}\n      >\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_hooks","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultLayout","x","y","width","height","KeyboardAvoidingView","forwardRef","_ref","ref","behavior","children","contentContainerStyle","enabled","keyboardVerticalOffset","style","onLayout","onLayoutProps","props","initialFrame","useSharedValue","frame","useDerivedValue","value","keyboard","useKeyboardAnimation","screenHeight","useWindowDimensions","relativeKeyboardHeight","useCallback","keyboardY","heightWhenOpened","Math","max","onLayoutWorklet","layout","isClosed","e","runOnUI","nativeEvent","animatedStyle","useAnimatedStyle","bottom","interpolate","progress","bottomHeight","flex","paddingBottom","isPositionBehavior","containerStyle","combinedStyles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { View, useWindowDimensions } from \"react-native\";\nimport Reanimated, {\n  interpolate,\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { useKeyboardAnimation } from \"./hooks\";\n\nimport type { LayoutRectangle, ViewProps } from \"react-native\";\n\ntype Props = {\n  /**\n   * Specify how to react to the presence of the keyboard.\n   */\n  behavior?: \"height\" | \"position\" | \"padding\";\n\n  /**\n   * Style of the content container when `behavior` is 'position'.\n   */\n  contentContainerStyle?: ViewProps[\"style\"];\n\n  /**\n   * Controls whether this `KeyboardAvoidingView` instance should take effect.\n   * This is useful when more than one is on the screen. Defaults to true.\n   */\n  enabled?: boolean;\n\n  /**\n   * Distance between the top of the user screen and the React Native view. This\n   * may be non-zero in some cases. Defaults to 0.\n   */\n  keyboardVerticalOffset?: number;\n} & ViewProps;\n\nconst defaultLayout: LayoutRectangle = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n};\n\n/**\n * View that moves out of the way when the keyboard appears by automatically\n * adjusting its height, position, or bottom padding.\n */\nconst KeyboardAvoidingView = forwardRef<View, React.PropsWithChildren<Props>>(\n  (\n    {\n      behavior,\n      children,\n      contentContainerStyle,\n      enabled = true,\n      keyboardVerticalOffset = 0,\n      style,\n      onLayout: onLayoutProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const initialFrame = useSharedValue<LayoutRectangle | null>(null);\n    const frame = useDerivedValue(() => initialFrame.value || defaultLayout);\n\n    const keyboard = useKeyboardAnimation();\n    const { height: screenHeight } = useWindowDimensions();\n\n    const relativeKeyboardHeight = useCallback(() => {\n      \"worklet\";\n\n      const keyboardY =\n        screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;\n\n      return Math.max(frame.value.y + frame.value.height - keyboardY, 0);\n    }, [screenHeight, keyboardVerticalOffset]);\n\n    const onLayoutWorklet = useCallback((layout: LayoutRectangle) => {\n      \"worklet\";\n\n      if (keyboard.isClosed.value) {\n        initialFrame.value = layout;\n      }\n    }, []);\n    const onLayout = useCallback<NonNullable<ViewProps[\"onLayout\"]>>(\n      (e) => {\n        runOnUI(onLayoutWorklet)(e.nativeEvent.layout);\n        onLayoutProps?.(e);\n      },\n      [onLayoutProps],\n    );\n\n    const animatedStyle = useAnimatedStyle(() => {\n      const bottom = interpolate(\n        keyboard.progress.value,\n        [0, 1],\n        [0, relativeKeyboardHeight()],\n      );\n      const bottomHeight = enabled ? bottom : 0;\n\n      switch (behavior) {\n        case \"height\":\n          if (!keyboard.isClosed.value) {\n            return {\n              height: frame.value.height - bottomHeight,\n              flex: 0,\n            };\n          }\n\n          return {};\n\n        case \"position\":\n          return { bottom: bottomHeight };\n\n        case \"padding\":\n          return { paddingBottom: bottomHeight };\n\n        default:\n          return {};\n      }\n    }, [behavior, enabled, relativeKeyboardHeight]);\n    const isPositionBehavior = behavior === \"position\";\n    const containerStyle = isPositionBehavior ? contentContainerStyle : style;\n    const combinedStyles = useMemo(\n      () => [containerStyle, animatedStyle],\n      [containerStyle, animatedStyle],\n    );\n\n    if (isPositionBehavior) {\n      return (\n        <View ref={ref} style={style} onLayout={onLayout} {...props}>\n          <Reanimated.View style={combinedStyles}>{children}</Reanimated.View>\n        </View>\n      );\n    }\n\n    return (\n      <Reanimated.View\n        ref={ref}\n        onLayout={onLayout}\n        style={combinedStyles}\n        {...props}\n      >\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}

package/lib/commonjs/components/KeyboardAwareScrollView/index.js

@@ -91,7 +91,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
     scrollViewAnimatedRef(assignedRef);
   }, []);
   const onScrollViewLayout = (0, _react.useCallback)(e => {
-    scrollViewTarget.value = e.nativeEvent.target;
+    scrollViewTarget.value = (0, _reactNative.findNodeHandle)(scrollViewAnimatedRef.current);
     onLayout === null || onLayout === void 0 ? void 0 : onLayout(e);
   }, [onLayout]);
 
@@ -225,8 +225,9 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
   return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.ScrollView, _extends({
     ref: onRef
   }, rest, {
-    // @ts-expect-error https://github.com/facebook/react-native/pull/42785
-    onLayout: onScrollViewLayout,
+    onLayout: onScrollViewLayout
+    // @ts-expect-error `onScrollReanimated` is a fake prop needed for reanimated to intercept scroll events
+    ,
     onScrollReanimated: onScroll,
     scrollEventThrottle: 16
   }), children, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {