react-native-keyboard-controller 1.21.6 → 1.21.7

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

@@ -8,14 +8,18 @@ import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.uimanager.IllegalViewOperationException
 import com.reactnativekeyboardcontroller.extensions.dp
 import com.reactnativekeyboardcontroller.extensions.screenLocation
 import com.reactnativekeyboardcontroller.extensions.uiManager
 import com.reactnativekeyboardcontroller.extensions.windowSoftInputMode
 import com.reactnativekeyboardcontroller.interactive.KeyboardAnimationController
+import com.reactnativekeyboardcontroller.log.Logger
 import com.reactnativekeyboardcontroller.traversal.FocusedInputHolder
 import com.reactnativekeyboardcontroller.traversal.ViewHierarchyNavigator
 
+private val TAG = KeyboardControllerModuleImpl::class.qualifiedName
+
 class KeyboardControllerModuleImpl(
   private val mReactContext: ReactApplicationContext,
 ) {
@@ -89,7 +93,13 @@ class KeyboardControllerModuleImpl(
     promise: Promise,
   ) {
     UiThreadUtil.runOnUiThread {
-      val view = uiManager?.resolveView(viewTag.toInt())
+      val view =
+        try {
+          uiManager?.resolveView(viewTag.toInt())
+        } catch (e: IllegalViewOperationException) {
+          Logger.w(TAG, "Could not resolve view for tag ${viewTag.toInt()}", e)
+          null
+        }
       if (view == null) {
         promise.reject("E_VIEW_NOT_FOUND", "Could not find view for tag")
         return@runOnUiThread

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

@@ -10,6 +10,7 @@ var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reani
 var _useCombinedRef = _interopRequireDefault(require("../hooks/useCombinedRef"));
 var _ScrollViewWithBottomPadding = _interopRequireDefault(require("../ScrollViewWithBottomPadding"));
 var _useChatKeyboard = require("./useChatKeyboard");
+var _useEndVisible = require("./useEndVisible");
 var _useExtraContentPadding = require("./useExtraContentPadding");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -28,6 +29,7 @@ const KeyboardChatScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
   applyWorkaroundForContentInsetHitTestBug = false,
   onLayout: onLayoutProp,
   onContentSizeChange: onContentSizeChangeProp,
+  onEndVisible,
   ...rest
 }, ref) => {
   const scrollViewRef = (0, _reactNativeReanimated.useAnimatedRef)();
@@ -63,6 +65,13 @@ const KeyboardChatScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
     keyboardLiftBehavior,
     freeze: freezeSV
   });
+  (0, _useEndVisible.useEndVisible)({
+    scroll,
+    layout,
+    size,
+    inverted,
+    onEndVisible
+  });
   const totalPadding = (0, _reactNativeReanimated.useDerivedValue)(() => Math.max(blankSpace.value, padding.value + extraContentPadding.value));
 
   // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCombinedRef","_interopRequireDefault","_ScrollViewWithBottomPadding","_useChatKeyboard","_useExtraContentPadding","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ZERO_CONTENT_PADDING","makeMutable","ZERO_BLANK_SPACE","KeyboardChatScrollView","forwardRef","children","ScrollViewComponent","Reanimated","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","useAnimatedRef","onRef","useCombinedRef","freezeSV","useDerivedValue","value","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","useChatKeyboard","useExtraContentPadding","keyboardPadding","totalPadding","Math","max","indicatorPadding","useCallback","w","h","commitStyle","useAnimatedStyle","transform","translateY","commit","useMemo","styles","commitView","createElement","Fragment","bottomPadding","scrollIndicatorPadding","View","style","StyleSheet","create","display","position","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n  makeMutable,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n  Reanimated.ScrollView,\n  React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n  (\n    {\n      children,\n      ScrollViewComponent = Reanimated.ScrollView,\n      inverted = false,\n      keyboardLiftBehavior = \"always\",\n      freeze = false,\n      offset = 0,\n      extraContentPadding = ZERO_CONTENT_PADDING,\n      blankSpace = ZERO_BLANK_SPACE,\n      applyWorkaroundForContentInsetHitTestBug = false,\n      onLayout: onLayoutProp,\n      onContentSizeChange: onContentSizeChangeProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n    const onRef = useCombinedRef(ref, scrollViewRef);\n    const freezeSV = useDerivedValue(() =>\n      typeof freeze === \"boolean\" ? freeze : freeze.value,\n    );\n    const {\n      padding,\n      currentHeight,\n      contentOffsetY,\n      scroll,\n      layout,\n      size,\n      onLayout: onLayoutInternal,\n      onContentSizeChange: onContentSizeChangeInternal,\n    } = useChatKeyboard(scrollViewRef, {\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n      offset,\n      blankSpace,\n      extraContentPadding,\n    });\n\n    useExtraContentPadding({\n      scrollViewRef,\n      extraContentPadding,\n      keyboardPadding: padding,\n      blankSpace,\n      scroll,\n      layout,\n      size,\n      contentOffsetY,\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n    });\n\n    const totalPadding = useDerivedValue(() =>\n      Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n    );\n\n    // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n    // Apps that render into the unsafe area can supply a negative\n    // scrollIndicatorInsets adjustment at the application layer.\n    const indicatorPadding = useDerivedValue(\n      () => padding.value + extraContentPadding.value,\n    );\n\n    const onLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        onLayoutInternal(e);\n        onLayoutProp?.(e);\n      },\n      [onLayoutInternal, onLayoutProp],\n    );\n\n    const onContentSizeChange = useCallback(\n      (w: number, h: number) => {\n        onContentSizeChangeInternal(w, h);\n        onContentSizeChangeProp?.(w, h);\n      },\n      [onContentSizeChangeInternal, onContentSizeChangeProp],\n    );\n\n    // Invisible view whose animated style changes every frame during keyboard\n    // animation. On Fabric, this forces Reanimated to schedule a commit,\n    // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n    // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n    const commitStyle = useAnimatedStyle(\n      () => ({\n        transform: [{ translateY: -currentHeight.value }],\n      }),\n      [],\n    );\n    const commit = useMemo(\n      () => [styles.commitView, commitStyle],\n      [commitStyle],\n    );\n\n    return (\n      <>\n        <ScrollViewWithBottomPadding\n          ref={onRef}\n          {...rest}\n          applyWorkaroundForContentInsetHitTestBug={\n            applyWorkaroundForContentInsetHitTestBug\n          }\n          bottomPadding={totalPadding}\n          contentOffsetY={contentOffsetY}\n          inverted={inverted}\n          scrollIndicatorPadding={indicatorPadding}\n          ScrollViewComponent={ScrollViewComponent}\n          onContentSizeChange={onContentSizeChange}\n          onLayout={onLayout}\n        >\n          {children}\n        </ScrollViewWithBottomPadding>\n        <Reanimated.View style={commit} />\n      </>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  commitView: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCombinedRef","_interopRequireDefault","_ScrollViewWithBottomPadding","_useChatKeyboard","_useEndVisible","_useExtraContentPadding","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ZERO_CONTENT_PADDING","makeMutable","ZERO_BLANK_SPACE","KeyboardChatScrollView","forwardRef","children","ScrollViewComponent","Reanimated","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","onEndVisible","rest","ref","scrollViewRef","useAnimatedRef","onRef","useCombinedRef","freezeSV","useDerivedValue","value","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","useChatKeyboard","useExtraContentPadding","keyboardPadding","useEndVisible","totalPadding","Math","max","indicatorPadding","useCallback","w","h","commitStyle","useAnimatedStyle","transform","translateY","commit","useMemo","styles","commitView","createElement","Fragment","bottomPadding","scrollIndicatorPadding","View","style","StyleSheet","create","display","position","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n  makeMutable,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useEndVisible } from \"./useEndVisible\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n  Reanimated.ScrollView,\n  React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n  (\n    {\n      children,\n      ScrollViewComponent = Reanimated.ScrollView,\n      inverted = false,\n      keyboardLiftBehavior = \"always\",\n      freeze = false,\n      offset = 0,\n      extraContentPadding = ZERO_CONTENT_PADDING,\n      blankSpace = ZERO_BLANK_SPACE,\n      applyWorkaroundForContentInsetHitTestBug = false,\n      onLayout: onLayoutProp,\n      onContentSizeChange: onContentSizeChangeProp,\n      onEndVisible,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n    const onRef = useCombinedRef(ref, scrollViewRef);\n    const freezeSV = useDerivedValue(() =>\n      typeof freeze === \"boolean\" ? freeze : freeze.value,\n    );\n    const {\n      padding,\n      currentHeight,\n      contentOffsetY,\n      scroll,\n      layout,\n      size,\n      onLayout: onLayoutInternal,\n      onContentSizeChange: onContentSizeChangeInternal,\n    } = useChatKeyboard(scrollViewRef, {\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n      offset,\n      blankSpace,\n      extraContentPadding,\n    });\n\n    useExtraContentPadding({\n      scrollViewRef,\n      extraContentPadding,\n      keyboardPadding: padding,\n      blankSpace,\n      scroll,\n      layout,\n      size,\n      contentOffsetY,\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n    });\n\n    useEndVisible({\n      scroll,\n      layout,\n      size,\n      inverted,\n      onEndVisible,\n    });\n\n    const totalPadding = useDerivedValue(() =>\n      Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n    );\n\n    // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n    // Apps that render into the unsafe area can supply a negative\n    // scrollIndicatorInsets adjustment at the application layer.\n    const indicatorPadding = useDerivedValue(\n      () => padding.value + extraContentPadding.value,\n    );\n\n    const onLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        onLayoutInternal(e);\n        onLayoutProp?.(e);\n      },\n      [onLayoutInternal, onLayoutProp],\n    );\n\n    const onContentSizeChange = useCallback(\n      (w: number, h: number) => {\n        onContentSizeChangeInternal(w, h);\n        onContentSizeChangeProp?.(w, h);\n      },\n      [onContentSizeChangeInternal, onContentSizeChangeProp],\n    );\n\n    // Invisible view whose animated style changes every frame during keyboard\n    // animation. On Fabric, this forces Reanimated to schedule a commit,\n    // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n    // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n    const commitStyle = useAnimatedStyle(\n      () => ({\n        transform: [{ translateY: -currentHeight.value }],\n      }),\n      [],\n    );\n    const commit = useMemo(\n      () => [styles.commitView, commitStyle],\n      [commitStyle],\n    );\n\n    return (\n      <>\n        <ScrollViewWithBottomPadding\n          ref={onRef}\n          {...rest}\n          applyWorkaroundForContentInsetHitTestBug={\n            applyWorkaroundForContentInsetHitTestBug\n          }\n          bottomPadding={totalPadding}\n          contentOffsetY={contentOffsetY}\n          inverted={inverted}\n          scrollIndicatorPadding={indicatorPadding}\n          ScrollViewComponent={ScrollViewComponent}\n          onContentSizeChange={onContentSizeChange}\n          onLayout={onLayout}\n        >\n          {children}\n        </ScrollViewWithBottomPadding>\n        <Reanimated.View style={commit} />\n      </>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  commitView: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardChatScrollView/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { AnimatedScrollViewComponent } from \"../ScrollViewWithBottomPadding\";\nimport type { KeyboardLiftBehavior } from \"./useChatKeyboard/types\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nexport type KeyboardChatScrollViewProps = {\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: AnimatedScrollViewComponent;\n  /** Whether list are using `inverted` prop. Default is `false`. */\n  inverted?: boolean;\n  /**\n   * The distance between the bottom of the screen and the `ScrollView`.\n   * When the keyboard appears, the `ScrollView` will only push content by the effective\n   * distance (`keyboardHeight - offset`) instead of the full keyboard height.\n   *\n   * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above\n   * bottom tabs, etc. - in this case offset should be equal to the height of the elements between\n   * `ScrollView` and bottom of the screen).\n   *\n   * Default is `0`.\n   */\n  offset?: number;\n  /**\n   * Determines how the chat content should behave when the keyboard appears, specifically whether\n   * the scroll view should automatically lift its content to keep it visible above the keyboard.\n   *\n   * Possible values:\n   * - `'always'`: The content always lifts along with the keyboard, ensuring the messages from the bottom part of screen\n   * remain visible regardless of the current scroll position. This is the default behavior for most chat applications (used in Telegram).\n   * - `'whenAtEnd'`: The content lifts only if the scroll view is at the end (i.e., the last message\n   * is visible or near the bottom). This prevents unnecessary adjustments when the user is scrolling\n   * through older messages (ChatGPT mobile app behavior).\n   * - `'persistent'`: The content always lifts when the keyboard appears (similar to `'always'`), but\n   * does not reset (lower) when the keyboard hides. This mimics behaviors where the view remains adjusted\n   * after keyboard dismissal to maintain focus on the latest content without shifting back (Claude mobile app behavior).\n   * - `'never'`: The content does not lift at all when the keyboard appears. Use this for scenarios\n   * when you don't want to disturb user attention with animations (Perplexity mobile app behavior).\n   *\n   * Default is `'always'`.\n   */\n  keyboardLiftBehavior?: KeyboardLiftBehavior;\n  /**\n   * When `true`, freezes all keyboard-driven layout changes (padding, content offset, scroll position).\n   * Useful when dismissing the keyboard to open a bottom sheet — prevents visual disruption\n   * while the sheet is visible.\n   *\n   * Default is `false`.\n   */\n  freeze?: boolean | SharedValue<boolean>;\n  /**\n   * A shared value representing additional padding from external elements\n   * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).\n   *\n   * When this value changes:\n   * - The scrollable range is always extended/contracted (via `contentInset`).\n   * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.\n   *\n   * Default is `undefined` (no extra padding).\n   */\n  extraContentPadding?: SharedValue<number>;\n  /**\n   * When `true`, applies a runtime workaround for a React Native 0.81+ bug\n   * where the ScrollView's `contentInset` area does not respond to touch/scroll\n   * gestures (facebook/react-native#54123).\n   *\n   * This uses Objective-C runtime method swizzling on the ScrollView's container\n   * view, which is inherently fragile. Only enable if you are affected by the\n   * upstream bug and understand the risks.\n   *\n   * iOS only. Default is `false`.\n   */\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * A shared value representing a minimum inset floor (in pixels).\n   *\n   * When set, the total bottom padding is computed as:\n   * `max(blankSpace, keyboardPadding + extraContentPadding)`\n   *\n   * This means the keyboard \"absorbs\" into the minimum padding rather than adding to it:\n   * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.\n   * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.\n   *\n   * Useful in AI chat apps where a sent message needs space below it (to push it to the top\n   * of the viewport) while the AI response streams in, without that space causing extra movement\n   * when the keyboard opens.\n   *\n   * Default is `undefined` (equivalent to `0` — no minimum floor).\n   */\n  blankSpace?: SharedValue<number>;\n} & ScrollViewProps;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n  AnimatedScrollViewComponent,\n  ScrollViewContentInsets,\n} from \"../ScrollViewWithBottomPadding\";\nimport type { KeyboardLiftBehavior } from \"./useChatKeyboard/types\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nexport type KeyboardChatScrollViewProps = {\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: AnimatedScrollViewComponent;\n  /** Whether list are using `inverted` prop. Default is `false`. */\n  inverted?: boolean;\n  /**\n   * The distance between the bottom of the screen and the `ScrollView`.\n   * When the keyboard appears, the `ScrollView` will only push content by the effective\n   * distance (`keyboardHeight - offset`) instead of the full keyboard height.\n   *\n   * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above\n   * bottom tabs, etc. - in this case offset should be equal to the height of the elements between\n   * `ScrollView` and bottom of the screen).\n   *\n   * Default is `0`.\n   */\n  offset?: number;\n  /**\n   * Determines how the chat content should behave when the keyboard appears, specifically whether\n   * the scroll view should automatically lift its content to keep it visible above the keyboard.\n   *\n   * Possible values:\n   * - `'always'`: The content always lifts along with the keyboard, ensuring the messages from the bottom part of screen\n   * remain visible regardless of the current scroll position. This is the default behavior for most chat applications (used in Telegram).\n   * - `'whenAtEnd'`: The content lifts only if the scroll view is at the end (i.e., the last message\n   * is visible or near the bottom). This prevents unnecessary adjustments when the user is scrolling\n   * through older messages (ChatGPT mobile app behavior).\n   * - `'persistent'`: The content always lifts when the keyboard appears (similar to `'always'`), but\n   * does not reset (lower) when the keyboard hides. This mimics behaviors where the view remains adjusted\n   * after keyboard dismissal to maintain focus on the latest content without shifting back (Claude mobile app behavior).\n   * - `'never'`: The content does not lift at all when the keyboard appears. Use this for scenarios\n   * when you don't want to disturb user attention with animations (Perplexity mobile app behavior).\n   *\n   * Default is `'always'`.\n   */\n  keyboardLiftBehavior?: KeyboardLiftBehavior;\n  /**\n   * When `true`, freezes all keyboard-driven layout changes (padding, content offset, scroll position).\n   * Useful when dismissing the keyboard to open a bottom sheet — prevents visual disruption\n   * while the sheet is visible.\n   *\n   * Default is `false`.\n   */\n  freeze?: boolean | SharedValue<boolean>;\n  /**\n   * A shared value representing additional padding from external elements\n   * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).\n   *\n   * When this value changes:\n   * - The scrollable range is always extended/contracted (via `contentInset`).\n   * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.\n   *\n   * Default is `undefined` (no extra padding).\n   */\n  extraContentPadding?: SharedValue<number>;\n  /**\n   * When `true`, applies a runtime workaround for a React Native 0.81+ bug\n   * where the ScrollView's `contentInset` area does not respond to touch/scroll\n   * gestures (facebook/react-native#54123).\n   *\n   * This uses Objective-C runtime method swizzling on the ScrollView's container\n   * view, which is inherently fragile. Only enable if you are affected by the\n   * upstream bug and understand the risks.\n   *\n   * iOS only. Default is `false`.\n   */\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * A shared value representing a minimum inset floor (in pixels).\n   *\n   * When set, the total bottom padding is computed as:\n   * `max(blankSpace, keyboardPadding + extraContentPadding)`\n   *\n   * This means the keyboard \"absorbs\" into the minimum padding rather than adding to it:\n   * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.\n   * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.\n   *\n   * Useful in AI chat apps where a sent message needs space below it (to push it to the top\n   * of the viewport) while the AI response streams in, without that space causing extra movement\n   * when the keyboard opens.\n   *\n   * Default is `undefined` (equivalent to `0` — no minimum floor).\n   */\n  blankSpace?: SharedValue<number>;\n  /**\n   * Fires whenever the effective content inset changes — the static `contentInset`\n   * prop combined with the dynamic keyboard-driven padding.\n   *\n   * Useful on Android, where the synthetic content inset is not reflected in the native\n   * `onScroll` event payload. Consumers such as virtualized lists computing their own\n   * `scrollToEnd` target can use this to track the current inset alongside scroll offsets.\n   */\n  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;\n  /**\n   * Fires whenever the visibility of the content \"end\" changes — both when the user\n   * arrives at the end and when they leave it. The boolean parameter reflects the new state.\n   *\n   * For non-inverted lists, the \"end\" is the bottom of the content. For inverted lists\n   * (`inverted={true}`), the \"end\" is the top of the scroll view, where the latest messages\n   * are rendered. The same internal detection drives `keyboardLiftBehavior=\"whenAtEnd\"`.\n   *\n   * The callback can be either a plain JS function or a Reanimated worklet — the type is\n   * detected automatically. Worklets run on the UI thread; plain functions are dispatched\n   * via `runOnJS`.\n   *\n   * Fires once on mount with the initial state (after the scroll view has been measured).\n   */\n  onEndVisible?: (visible: boolean) => void;\n} & ScrollViewProps;\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/KeyboardChatScrollView/useEndVisible.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEndVisible = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _helpers = require("./useChatKeyboard/helpers");
+const hasWorkletHash = value => typeof value === "function" && !!value.__workletHash;
+const useEndVisible = ({
+  scroll,
+  layout,
+  size,
+  inverted,
+  onEndVisible
+}) => {
+  const isWorklet = (0, _react.useMemo)(() => hasWorkletHash(onEndVisible), [onEndVisible]);
+  const isAtEnd = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    // Wait until the scroll view has been measured to avoid a spurious initial
+    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured
+    // state as "at end" because 0 + 0 >= 0 - threshold).
+    if (layout.value.height === 0 || size.value.height === 0) {
+      return null;
+    }
+    return (0, _helpers.isScrollAtEnd)(scroll.value, layout.value.height, size.value.height, inverted);
+  });
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => isAtEnd.value, (current, previous) => {
+    if (current === null || current === previous || !onEndVisible) {
+      return;
+    }
+    if (isWorklet) {
+      onEndVisible(current);
+    } else {
+      (0, _reactNativeReanimated.runOnJS)(onEndVisible)(current);
+    }
+  }, [onEndVisible, isWorklet, inverted]);
+};
+exports.useEndVisible = useEndVisible;
+//# sourceMappingURL=useEndVisible.js.map

package/lib/commonjs/components/KeyboardChatScrollView/useEndVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_helpers","hasWorkletHash","value","__workletHash","useEndVisible","scroll","layout","size","inverted","onEndVisible","isWorklet","useMemo","isAtEnd","useDerivedValue","height","isScrollAtEnd","useAnimatedReaction","current","previous","runOnJS","exports"],"sources":["useEndVisible.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  runOnJS,\n  useAnimatedReaction,\n  useDerivedValue,\n} from \"react-native-reanimated\";\n\nimport { isScrollAtEnd } from \"./useChatKeyboard/helpers\";\n\nimport type { SharedValue } from \"react-native-reanimated\";\n\ntype EndVisibleCallback = (visible: boolean) => void;\n\ntype Options = {\n  scroll: SharedValue<number>;\n  layout: SharedValue<{ width: number; height: number }>;\n  size: SharedValue<{ width: number; height: number }>;\n  inverted: boolean;\n  onEndVisible?: EndVisibleCallback;\n};\n\nconst hasWorkletHash = (value: unknown): boolean =>\n  typeof value === \"function\" &&\n  !!(value as unknown as Record<string, unknown>).__workletHash;\n\nexport const useEndVisible = ({\n  scroll,\n  layout,\n  size,\n  inverted,\n  onEndVisible,\n}: Options) => {\n  const isWorklet = useMemo(() => hasWorkletHash(onEndVisible), [onEndVisible]);\n\n  const isAtEnd = useDerivedValue(() => {\n    // Wait until the scroll view has been measured to avoid a spurious initial\n    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured\n    // state as \"at end\" because 0 + 0 >= 0 - threshold).\n    if (layout.value.height === 0 || size.value.height === 0) {\n      return null;\n    }\n\n    return isScrollAtEnd(\n      scroll.value,\n      layout.value.height,\n      size.value.height,\n      inverted,\n    );\n  });\n\n  useAnimatedReaction(\n    () => isAtEnd.value,\n    (current, previous) => {\n      if (current === null || current === previous || !onEndVisible) {\n        return;\n      }\n\n      if (isWorklet) {\n        onEndVisible(current);\n      } else {\n        runOnJS(onEndVisible)(current);\n      }\n    },\n    [onEndVisible, isWorklet, inverted],\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAcA,MAAMG,cAAc,GAAIC,KAAc,IACpC,OAAOA,KAAK,KAAK,UAAU,IAC3B,CAAC,CAAEA,KAAK,CAAwCC,aAAa;AAExD,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACO,CAAC,KAAK;EACb,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAMV,cAAc,CAACQ,YAAY,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAE7E,MAAMG,OAAO,GAAG,IAAAC,sCAAe,EAAC,MAAM;IACpC;IACA;IACA;IACA,IAAIP,MAAM,CAACJ,KAAK,CAACY,MAAM,KAAK,CAAC,IAAIP,IAAI,CAACL,KAAK,CAACY,MAAM,KAAK,CAAC,EAAE;MACxD,OAAO,IAAI;IACb;IAEA,OAAO,IAAAC,sBAAa,EAClBV,MAAM,CAACH,KAAK,EACZI,MAAM,CAACJ,KAAK,CAACY,MAAM,EACnBP,IAAI,CAACL,KAAK,CAACY,MAAM,EACjBN,QACF,CAAC;EACH,CAAC,CAAC;EAEF,IAAAQ,0CAAmB,EACjB,MAAMJ,OAAO,CAACV,KAAK,EACnB,CAACe,OAAO,EAAEC,QAAQ,KAAK;IACrB,IAAID,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAKC,QAAQ,IAAI,CAACT,YAAY,EAAE;MAC7D;IACF;IAEA,IAAIC,SAAS,EAAE;MACbD,YAAY,CAACQ,OAAO,CAAC;IACvB,CAAC,MAAM;MACL,IAAAE,8BAAO,EAACV,YAAY,CAAC,CAACQ,OAAO,CAAC;IAChC;EACF,CAAC,EACD,CAACR,YAAY,EAAEC,SAAS,EAAEF,QAAQ,CACpC,CAAC;AACH,CAAC;AAACY,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _hooks = require("../../hooks");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -35,21 +35,17 @@ const KeyboardStickyView = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     height,
     progress
-  } = (0, _hooks.useKeyboardAnimation)();
-  const offset = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [closed, opened]
-  });
-  const styles = (0, _react.useMemo)(() => {
-    const disabled = _reactNative.Animated.add(_reactNative.Animated.multiply(height, 0), closed);
-    const active = _reactNative.Animated.add(height, offset);
-    return [{
+  } = (0, _hooks.useReanimatedKeyboardAnimation)();
+  const stickyViewStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const offset = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [closed, opened]);
+    return {
       transform: [{
-        translateY: enabled ? active : disabled
+        translateY: enabled ? height.value + offset : closed
       }]
-    }, style];
-  }, [closed, enabled, height, offset, style]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
+    };
+  }, [closed, opened, enabled]);
+  const styles = (0, _react.useMemo)(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
     ref: ref,
     style: styles
   }, props), children);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useKeyboardAnimation","interpolate","inputRange","outputRange","styles","useMemo","disabled","Animated","add","multiply","active","transform","translateY","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { Animated } from \"react-native\";\n\nimport { useKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n} & ViewProps;\n\n/**\n * A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n *\n * @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n *   <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useKeyboardAnimation();\n\n    const offset = progress.interpolate({\n      inputRange: [0, 1],\n      outputRange: [closed, opened],\n    });\n\n    const styles = useMemo(() => {\n      const disabled = Animated.add(Animated.multiply(height, 0), closed);\n      const active = Animated.add(height, offset);\n\n      return [\n        {\n          transform: [{ translateY: enabled ? active : disabled }],\n        },\n        style,\n      ];\n    }, [closed, enabled, height, offset, style]);\n\n    return (\n      <Animated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Animated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useReanimatedKeyboardAnimation","stickyViewStyle","useAnimatedStyle","interpolate","value","transform","translateY","styles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport Reanimated, {\n  interpolate,\n  useAnimatedStyle,\n} from \"react-native-reanimated\";\n\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n} & ViewProps;\n\n/**\n * A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n *\n * @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n *   <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useReanimatedKeyboardAnimation();\n\n    const stickyViewStyle = useAnimatedStyle(() => {\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\n\n      return {\n        transform: [{ translateY: enabled ? height.value + offset : closed }],\n      };\n    }, [closed, opened, enabled]);\n\n    const styles = useMemo(\n      () => [style, stickyViewStyle],\n      [style, stickyViewStyle],\n    );\n\n    return (\n      <Reanimated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":"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","ignoreList":[]}

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

@@ -23,26 +23,47 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
   inverted,
   contentOffsetY,
   applyWorkaroundForContentInsetHitTestBug,
+  onContentInsetChange,
   children,
   ...rest
 }, ref) => {
   const prevContentOffsetY = (0, _reactNativeReanimated.useSharedValue)(null);
+  const insets = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const dynamicTop = inverted ? bottomPadding.value : 0;
+    const dynamicBottom = !inverted ? bottomPadding.value : 0;
+    return {
+      dynamic: {
+        top: dynamicTop,
+        bottom: dynamicBottom
+      },
+      effective: {
+        top: dynamicTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0),
+        bottom: dynamicBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0),
+        left: (contentInset === null || contentInset === void 0 ? void 0 : contentInset.left) || 0,
+        right: (contentInset === null || contentInset === void 0 ? void 0 : contentInset.right) || 0
+      }
+    };
+  }, [inverted, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => insets.value.effective, (current, previous) => {
+    if (!onContentInsetChange) {
+      return;
+    }
+    if (previous && current.top === previous.top && current.bottom === previous.bottom && current.left === previous.left && current.right === previous.right) {
+      return;
+    }
+    (0, _reactNativeReanimated.runOnJS)(onContentInsetChange)(current);
+  }, [onContentInsetChange]);
   const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
-    const insetTop = inverted ? bottomPadding.value : 0;
-    const insetBottom = !inverted ? bottomPadding.value : 0;
-    const bottom = insetBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0);
-    const top = insetTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0);
+    const {
+      dynamic,
+      effective
+    } = insets.value;
     const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;
     const indicatorTop = (inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top) || 0);
     const indicatorBottom = (!inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom) || 0);
     const result = {
       // iOS prop
-      contentInset: {
-        bottom: bottom,
-        top: top,
-        right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
-        left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
-      },
+      contentInset: effective,
       scrollIndicatorInsets: {
         bottom: indicatorBottom,
         top: indicatorTop,
@@ -50,8 +71,8 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
         left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
       },
       // Android prop
-      contentInsetBottom: insetBottom,
-      contentInsetTop: insetTop
+      contentInsetBottom: dynamic.bottom,
+      contentInsetTop: dynamic.top
     };
     if (contentOffsetY) {
       const curr = contentOffsetY.value;
@@ -65,7 +86,7 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
       }
     }
     return result;
-  }, [contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
+  }, [scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
   return /*#__PURE__*/_react.default.createElement(ReanimatedClippingScrollView, {
     animatedProps: animatedProps,
     applyWorkaroundForContentInsetHitTestBug: applyWorkaroundForContentInsetHitTestBug,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_styles","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","OS","Platform","ReanimatedClippingScrollView","Reanimated","createAnimatedComponent","ClippingScrollView","ScrollViewWithBottomPadding","forwardRef","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","children","rest","ref","prevContentOffsetY","useSharedValue","animatedProps","useAnimatedProps","insetTop","value","insetBottom","bottom","top","indicatorPadding","indicatorTop","indicatorBottom","result","right","left","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","styles","container","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, {\n  useAnimatedProps,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n  OS === \"android\"\n    ? Reanimated.createAnimatedComponent(ClippingScrollView)\n    : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n  typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n  AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\ntype ScrollViewWithBottomPaddingProps = {\n  ScrollViewComponent: AnimatedScrollViewComponent;\n  children?: React.ReactNode;\n  inverted?: boolean;\n  bottomPadding: SharedValue<number>;\n  /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. */\n  scrollIndicatorPadding?: SharedValue<number>;\n  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      scrollIndicatorPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      applyWorkaroundForContentInsetHitTestBug,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const prevContentOffsetY = useSharedValue<number | null>(null);\n\n    const animatedProps = useAnimatedProps(() => {\n      const insetTop = inverted ? bottomPadding.value : 0;\n      const insetBottom = !inverted ? bottomPadding.value : 0;\n      const bottom = insetBottom + (contentInset?.bottom || 0);\n      const top = insetTop + (contentInset?.top || 0);\n\n      const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n      const indicatorTop =\n        (inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.top || 0);\n      const indicatorBottom =\n        (!inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.bottom || 0);\n\n      const result: Record<string, unknown> = {\n        // iOS prop\n        contentInset: {\n          bottom: bottom,\n          top: top,\n          right: contentInset?.right,\n          left: contentInset?.left,\n        },\n        scrollIndicatorInsets: {\n          bottom: indicatorBottom,\n          top: indicatorTop,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: insetBottom,\n        contentInsetTop: insetTop,\n      };\n\n      if (contentOffsetY) {\n        const curr = contentOffsetY.value;\n\n        if (curr !== prevContentOffsetY.value) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          prevContentOffsetY.value = curr;\n          result.contentOffset = { x: 0, y: curr };\n        }\n      }\n\n      return result;\n    }, [\n      contentInset?.bottom,\n      contentInset?.top,\n      contentInset?.right,\n      contentInset?.left,\n      scrollIndicatorInsets?.bottom,\n      scrollIndicatorInsets?.top,\n      scrollIndicatorInsets?.right,\n      scrollIndicatorInsets?.left,\n      inverted,\n      contentOffsetY,\n    ]);\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\n        applyWorkaroundForContentInsetHitTestBug={\n          applyWorkaroundForContentInsetHitTestBug\n        }\n        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_styles","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","OS","Platform","ReanimatedClippingScrollView","Reanimated","createAnimatedComponent","ClippingScrollView","ScrollViewWithBottomPadding","forwardRef","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","onContentInsetChange","children","rest","ref","prevContentOffsetY","useSharedValue","insets","useDerivedValue","dynamicTop","value","dynamicBottom","dynamic","top","bottom","effective","left","right","useAnimatedReaction","current","previous","runOnJS","animatedProps","useAnimatedProps","indicatorPadding","indicatorTop","indicatorBottom","result","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","styles","container","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, {\n  runOnJS,\n  useAnimatedProps,\n  useAnimatedReaction,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n  OS === \"android\"\n    ? Reanimated.createAnimatedComponent(ClippingScrollView)\n    : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n  typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n  AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\nexport type ScrollViewContentInsets = {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n};\n\ntype ScrollViewWithBottomPaddingProps = {\n  ScrollViewComponent: AnimatedScrollViewComponent;\n  children?: React.ReactNode;\n  inverted?: boolean;\n  bottomPadding: SharedValue<number>;\n  /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. */\n  scrollIndicatorPadding?: SharedValue<number>;\n  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * Fires whenever the effective content inset changes (combines the static `contentInset`\n   * prop with the dynamic keyboard-driven padding). Useful on Android where the synthetic\n   * inset is not reflected in `onScroll` events.\n   */\n  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      scrollIndicatorPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      applyWorkaroundForContentInsetHitTestBug,\n      onContentInsetChange,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const prevContentOffsetY = useSharedValue<number | null>(null);\n\n    const insets = useDerivedValue(() => {\n      const dynamicTop = inverted ? bottomPadding.value : 0;\n      const dynamicBottom = !inverted ? bottomPadding.value : 0;\n\n      return {\n        dynamic: {\n          top: dynamicTop,\n          bottom: dynamicBottom,\n        },\n        effective: {\n          top: dynamicTop + (contentInset?.top || 0),\n          bottom: dynamicBottom + (contentInset?.bottom || 0),\n          left: contentInset?.left || 0,\n          right: contentInset?.right || 0,\n        } as ScrollViewContentInsets,\n      };\n    }, [\n      inverted,\n      contentInset?.top,\n      contentInset?.bottom,\n      contentInset?.left,\n      contentInset?.right,\n    ]);\n\n    useAnimatedReaction(\n      () => insets.value.effective,\n      (current, previous) => {\n        if (!onContentInsetChange) {\n          return;\n        }\n        if (\n          previous &&\n          current.top === previous.top &&\n          current.bottom === previous.bottom &&\n          current.left === previous.left &&\n          current.right === previous.right\n        ) {\n          return;\n        }\n        runOnJS(onContentInsetChange)(current);\n      },\n      [onContentInsetChange],\n    );\n\n    const animatedProps = useAnimatedProps(() => {\n      const { dynamic, effective } = insets.value;\n\n      const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n      const indicatorTop =\n        (inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.top || 0);\n      const indicatorBottom =\n        (!inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.bottom || 0);\n\n      const result: Record<string, unknown> = {\n        // iOS prop\n        contentInset: effective,\n        scrollIndicatorInsets: {\n          bottom: indicatorBottom,\n          top: indicatorTop,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: dynamic.bottom,\n        contentInsetTop: dynamic.top,\n      };\n\n      if (contentOffsetY) {\n        const curr = contentOffsetY.value;\n\n        if (curr !== prevContentOffsetY.value) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          prevContentOffsetY.value = curr;\n          result.contentOffset = { x: 0, y: curr };\n        }\n      }\n\n      return result;\n    }, [\n      scrollIndicatorInsets?.bottom,\n      scrollIndicatorInsets?.top,\n      scrollIndicatorInsets?.right,\n      scrollIndicatorInsets?.left,\n      inverted,\n      contentOffsetY,\n    ]);\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\n        applyWorkaroundForContentInsetHitTestBug={\n          applyWorkaroundForContentInsetHitTestBug\n        }\n        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAQA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAgB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAf,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAK,CAAA,IAAAF,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAa,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAK9B,MAAMG,EAAE,GAAGC,qBAAQ,CAACD,EAAE;AACtB,MAAME,4BAA4B,GAChCF,EAAE,KAAK,SAAS,GACZG,8BAAU,CAACC,uBAAuB,CAACC,4BAAkB,CAAC,GACtDA,4BAAkB;AAmCxB,MAAMC,2BAA2B,gBAAG,IAAAC,iBAAU,EAI5C,CACE;EACEC,mBAAmB;EACnBC,aAAa;EACbC,sBAAsB;EACtBC,YAAY;EACZC,qBAAqB;EACrBC,QAAQ;EACRC,cAAc;EACdC,wCAAwC;EACxCC,oBAAoB;EACpBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,kBAAkB,GAAG,IAAAC,qCAAc,EAAgB,IAAI,CAAC;EAE9D,MAAMC,MAAM,GAAG,IAAAC,sCAAe,EAAC,MAAM;IACnC,MAAMC,UAAU,GAAGX,QAAQ,GAAGJ,aAAa,CAACgB,KAAK,GAAG,CAAC;IACrD,MAAMC,aAAa,GAAG,CAACb,QAAQ,GAAGJ,aAAa,CAACgB,KAAK,GAAG,CAAC;IAEzD,OAAO;MACLE,OAAO,EAAE;QACPC,GAAG,EAAEJ,UAAU;QACfK,MAAM,EAAEH;MACV,CAAC;MACDI,SAAS,EAAE;QACTF,GAAG,EAAEJ,UAAU,IAAI,CAAAb,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEiB,GAAG,KAAI,CAAC,CAAC;QAC1CC,MAAM,EAAEH,aAAa,IAAI,CAAAf,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEkB,MAAM,KAAI,CAAC,CAAC;QACnDE,IAAI,EAAE,CAAApB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEoB,IAAI,KAAI,CAAC;QAC7BC,KAAK,EAAE,CAAArB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEqB,KAAK,KAAI;MAChC;IACF,CAAC;EACH,CAAC,EAAE,CACDnB,QAAQ,EACRF,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEiB,GAAG,EACjBjB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEkB,MAAM,EACpBlB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEoB,IAAI,EAClBpB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEqB,KAAK,CACpB,CAAC;EAEF,IAAAC,0CAAmB,EACjB,MAAMX,MAAM,CAACG,KAAK,CAACK,SAAS,EAC5B,CAACI,OAAO,EAAEC,QAAQ,KAAK;IACrB,IAAI,CAACnB,oBAAoB,EAAE;MACzB;IACF;IACA,IACEmB,QAAQ,IACRD,OAAO,CAACN,GAAG,KAAKO,QAAQ,CAACP,GAAG,IAC5BM,OAAO,CAACL,MAAM,KAAKM,QAAQ,CAACN,MAAM,IAClCK,OAAO,CAACH,IAAI,KAAKI,QAAQ,CAACJ,IAAI,IAC9BG,OAAO,CAACF,KAAK,KAAKG,QAAQ,CAACH,KAAK,EAChC;MACA;IACF;IACA,IAAAI,8BAAO,EAACpB,oBAAoB,CAAC,CAACkB,OAAO,CAAC;EACxC,CAAC,EACD,CAAClB,oBAAoB,CACvB,CAAC;EAED,MAAMqB,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAM;MAAEX,OAAO;MAAEG;IAAU,CAAC,GAAGR,MAAM,CAACG,KAAK;IAE3C,MAAMc,gBAAgB,GAAG7B,sBAAsB,IAAID,aAAa;IAChE,MAAM+B,YAAY,GAChB,CAAC3B,QAAQ,GAAG0B,gBAAgB,CAACd,KAAK,GAAG,CAAC,KACrC,CAAAb,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEgB,GAAG,KAAI,CAAC,CAAC;IACnC,MAAMa,eAAe,GACnB,CAAC,CAAC5B,QAAQ,GAAG0B,gBAAgB,CAACd,KAAK,GAAG,CAAC,KACtC,CAAAb,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEiB,MAAM,KAAI,CAAC,CAAC;IAEtC,MAAMa,MAA+B,GAAG;MACtC;MACA/B,YAAY,EAAEmB,SAAS;MACvBlB,qBAAqB,EAAE;QACrBiB,MAAM,EAAEY,eAAe;QACvBb,GAAG,EAAEY,YAAY;QACjBR,KAAK,EAAEpB,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEoB,KAAK;QACnCD,IAAI,EAAEnB,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEmB;MAC/B,CAAC;MACD;MACAY,kBAAkB,EAAEhB,OAAO,CAACE,MAAM;MAClCe,eAAe,EAAEjB,OAAO,CAACC;IAC3B,CAAC;IAED,IAAId,cAAc,EAAE;MAClB,MAAM+B,IAAI,GAAG/B,cAAc,CAACW,KAAK;MAEjC,IAAIoB,IAAI,KAAKzB,kBAAkB,CAACK,KAAK,EAAE;QACrC;QACAL,kBAAkB,CAACK,KAAK,GAAGoB,IAAI;QAC/BH,MAAM,CAACI,aAAa,GAAG;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAEH;QAAK,CAAC;MAC1C;IACF;IAEA,OAAOH,MAAM;EACf,CAAC,EAAE,CACD9B,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEiB,MAAM,EAC7BjB,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEgB,GAAG,EAC1BhB,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEoB,KAAK,EAC5BpB,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAEmB,IAAI,EAC3BlB,QAAQ,EACRC,cAAc,CACf,CAAC;EAEF,oBACE/C,MAAA,CAAAU,OAAA,CAAAwE,aAAA,CAAC/C,4BAA4B;IAC3BmC,aAAa,EAAEA,aAAc;IAC7BtB,wCAAwC,EACtCA,wCACD;IACDmC,KAAK,EAAEC,eAAM,CAACC;EAAU,gBAExBrF,MAAA,CAAAU,OAAA,CAAAwE,aAAA,CAACzC,mBAAmB,EAAAd,QAAA;IAACyB,GAAG,EAAEA,GAAI;IAACkB,aAAa,EAAEA;EAAc,GAAKnB,IAAI,GAClED,QACkB,CACO,CAAC;AAEnC,CACF,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,CAAA7E,OAAA,GAEa6B,2BAA2B","ignoreList":[]}

package/lib/module/components/KeyboardChatScrollView/index.js

@@ -6,6 +6,7 @@ import Reanimated from "react-native-reanimated";
 import useCombinedRef from "../hooks/useCombinedRef";
 import ScrollViewWithBottomPadding from "../ScrollViewWithBottomPadding";
 import { useChatKeyboard } from "./useChatKeyboard";
+import { useEndVisible } from "./useEndVisible";
 import { useExtraContentPadding } from "./useExtraContentPadding";
 const ZERO_CONTENT_PADDING = makeMutable(0);
 const ZERO_BLANK_SPACE = makeMutable(0);
@@ -21,6 +22,7 @@ const KeyboardChatScrollView = /*#__PURE__*/forwardRef(({
   applyWorkaroundForContentInsetHitTestBug = false,
   onLayout: onLayoutProp,
   onContentSizeChange: onContentSizeChangeProp,
+  onEndVisible,
   ...rest
 }, ref) => {
   const scrollViewRef = useAnimatedRef();
@@ -56,6 +58,13 @@ const KeyboardChatScrollView = /*#__PURE__*/forwardRef(({
     keyboardLiftBehavior,
     freeze: freezeSV
   });
+  useEndVisible({
+    scroll,
+    layout,
+    size,
+    inverted,
+    onEndVisible
+  });
   const totalPadding = useDerivedValue(() => Math.max(blankSpace.value, padding.value + extraContentPadding.value));
 
   // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).

package/lib/module/components/KeyboardChatScrollView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useMemo","StyleSheet","makeMutable","useAnimatedRef","useAnimatedStyle","useDerivedValue","Reanimated","useCombinedRef","ScrollViewWithBottomPadding","useChatKeyboard","useExtraContentPadding","ZERO_CONTENT_PADDING","ZERO_BLANK_SPACE","KeyboardChatScrollView","children","ScrollViewComponent","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","onRef","freezeSV","value","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","keyboardPadding","totalPadding","Math","max","indicatorPadding","e","w","h","commitStyle","transform","translateY","commit","styles","commitView","createElement","Fragment","_extends","bottomPadding","scrollIndicatorPadding","View","style","create","display","position"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n  makeMutable,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n  Reanimated.ScrollView,\n  React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n  (\n    {\n      children,\n      ScrollViewComponent = Reanimated.ScrollView,\n      inverted = false,\n      keyboardLiftBehavior = \"always\",\n      freeze = false,\n      offset = 0,\n      extraContentPadding = ZERO_CONTENT_PADDING,\n      blankSpace = ZERO_BLANK_SPACE,\n      applyWorkaroundForContentInsetHitTestBug = false,\n      onLayout: onLayoutProp,\n      onContentSizeChange: onContentSizeChangeProp,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n    const onRef = useCombinedRef(ref, scrollViewRef);\n    const freezeSV = useDerivedValue(() =>\n      typeof freeze === \"boolean\" ? freeze : freeze.value,\n    );\n    const {\n      padding,\n      currentHeight,\n      contentOffsetY,\n      scroll,\n      layout,\n      size,\n      onLayout: onLayoutInternal,\n      onContentSizeChange: onContentSizeChangeInternal,\n    } = useChatKeyboard(scrollViewRef, {\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n      offset,\n      blankSpace,\n      extraContentPadding,\n    });\n\n    useExtraContentPadding({\n      scrollViewRef,\n      extraContentPadding,\n      keyboardPadding: padding,\n      blankSpace,\n      scroll,\n      layout,\n      size,\n      contentOffsetY,\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n    });\n\n    const totalPadding = useDerivedValue(() =>\n      Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n    );\n\n    // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n    // Apps that render into the unsafe area can supply a negative\n    // scrollIndicatorInsets adjustment at the application layer.\n    const indicatorPadding = useDerivedValue(\n      () => padding.value + extraContentPadding.value,\n    );\n\n    const onLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        onLayoutInternal(e);\n        onLayoutProp?.(e);\n      },\n      [onLayoutInternal, onLayoutProp],\n    );\n\n    const onContentSizeChange = useCallback(\n      (w: number, h: number) => {\n        onContentSizeChangeInternal(w, h);\n        onContentSizeChangeProp?.(w, h);\n      },\n      [onContentSizeChangeInternal, onContentSizeChangeProp],\n    );\n\n    // Invisible view whose animated style changes every frame during keyboard\n    // animation. On Fabric, this forces Reanimated to schedule a commit,\n    // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n    // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n    const commitStyle = useAnimatedStyle(\n      () => ({\n        transform: [{ translateY: -currentHeight.value }],\n      }),\n      [],\n    );\n    const commit = useMemo(\n      () => [styles.commitView, commitStyle],\n      [commitStyle],\n    );\n\n    return (\n      <>\n        <ScrollViewWithBottomPadding\n          ref={onRef}\n          {...rest}\n          applyWorkaroundForContentInsetHitTestBug={\n            applyWorkaroundForContentInsetHitTestBug\n          }\n          bottomPadding={totalPadding}\n          contentOffsetY={contentOffsetY}\n          inverted={inverted}\n          scrollIndicatorPadding={indicatorPadding}\n          ScrollViewComponent={ScrollViewComponent}\n          onContentSizeChange={onContentSizeChange}\n          onLayout={onLayout}\n        >\n          {children}\n        </ScrollViewWithBottomPadding>\n        <Reanimated.View style={commit} />\n      </>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  commitView: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","StyleSheet","makeMutable","useAnimatedRef","useAnimatedStyle","useDerivedValue","Reanimated","useCombinedRef","ScrollViewWithBottomPadding","useChatKeyboard","useEndVisible","useExtraContentPadding","ZERO_CONTENT_PADDING","ZERO_BLANK_SPACE","KeyboardChatScrollView","children","ScrollViewComponent","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","onEndVisible","rest","ref","scrollViewRef","onRef","freezeSV","value","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","keyboardPadding","totalPadding","Math","max","indicatorPadding","e","w","h","commitStyle","transform","translateY","commit","styles","commitView","createElement","Fragment","_extends","bottomPadding","scrollIndicatorPadding","View","style","create","display","position"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n  makeMutable,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useEndVisible } from \"./useEndVisible\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n  Reanimated.ScrollView,\n  React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n  (\n    {\n      children,\n      ScrollViewComponent = Reanimated.ScrollView,\n      inverted = false,\n      keyboardLiftBehavior = \"always\",\n      freeze = false,\n      offset = 0,\n      extraContentPadding = ZERO_CONTENT_PADDING,\n      blankSpace = ZERO_BLANK_SPACE,\n      applyWorkaroundForContentInsetHitTestBug = false,\n      onLayout: onLayoutProp,\n      onContentSizeChange: onContentSizeChangeProp,\n      onEndVisible,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n    const onRef = useCombinedRef(ref, scrollViewRef);\n    const freezeSV = useDerivedValue(() =>\n      typeof freeze === \"boolean\" ? freeze : freeze.value,\n    );\n    const {\n      padding,\n      currentHeight,\n      contentOffsetY,\n      scroll,\n      layout,\n      size,\n      onLayout: onLayoutInternal,\n      onContentSizeChange: onContentSizeChangeInternal,\n    } = useChatKeyboard(scrollViewRef, {\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n      offset,\n      blankSpace,\n      extraContentPadding,\n    });\n\n    useExtraContentPadding({\n      scrollViewRef,\n      extraContentPadding,\n      keyboardPadding: padding,\n      blankSpace,\n      scroll,\n      layout,\n      size,\n      contentOffsetY,\n      inverted,\n      keyboardLiftBehavior,\n      freeze: freezeSV,\n    });\n\n    useEndVisible({\n      scroll,\n      layout,\n      size,\n      inverted,\n      onEndVisible,\n    });\n\n    const totalPadding = useDerivedValue(() =>\n      Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n    );\n\n    // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n    // Apps that render into the unsafe area can supply a negative\n    // scrollIndicatorInsets adjustment at the application layer.\n    const indicatorPadding = useDerivedValue(\n      () => padding.value + extraContentPadding.value,\n    );\n\n    const onLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        onLayoutInternal(e);\n        onLayoutProp?.(e);\n      },\n      [onLayoutInternal, onLayoutProp],\n    );\n\n    const onContentSizeChange = useCallback(\n      (w: number, h: number) => {\n        onContentSizeChangeInternal(w, h);\n        onContentSizeChangeProp?.(w, h);\n      },\n      [onContentSizeChangeInternal, onContentSizeChangeProp],\n    );\n\n    // Invisible view whose animated style changes every frame during keyboard\n    // animation. On Fabric, this forces Reanimated to schedule a commit,\n    // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n    // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n    const commitStyle = useAnimatedStyle(\n      () => ({\n        transform: [{ translateY: -currentHeight.value }],\n      }),\n      [],\n    );\n    const commit = useMemo(\n      () => [styles.commitView, commitStyle],\n      [commitStyle],\n    );\n\n    return (\n      <>\n        <ScrollViewWithBottomPadding\n          ref={onRef}\n          {...rest}\n          applyWorkaroundForContentInsetHitTestBug={\n            applyWorkaroundForContentInsetHitTestBug\n          }\n          bottomPadding={totalPadding}\n          contentOffsetY={contentOffsetY}\n          inverted={inverted}\n          scrollIndicatorPadding={indicatorPadding}\n          ScrollViewComponent={ScrollViewComponent}\n          onContentSizeChange={onContentSizeChange}\n          onLayout={onLayout}\n        >\n          {children}\n        </ScrollViewWithBottomPadding>\n        <Reanimated.View style={commit} />\n      </>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  commitView: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/KeyboardChatScrollView/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { AnimatedScrollViewComponent } from \"../ScrollViewWithBottomPadding\";\nimport type { KeyboardLiftBehavior } from \"./useChatKeyboard/types\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nexport type KeyboardChatScrollViewProps = {\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: AnimatedScrollViewComponent;\n  /** Whether list are using `inverted` prop. Default is `false`. */\n  inverted?: boolean;\n  /**\n   * The distance between the bottom of the screen and the `ScrollView`.\n   * When the keyboard appears, the `ScrollView` will only push content by the effective\n   * distance (`keyboardHeight - offset`) instead of the full keyboard height.\n   *\n   * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above\n   * bottom tabs, etc. - in this case offset should be equal to the height of the elements between\n   * `ScrollView` and bottom of the screen).\n   *\n   * Default is `0`.\n   */\n  offset?: number;\n  /**\n   * Determines how the chat content should behave when the keyboard appears, specifically whether\n   * the scroll view should automatically lift its content to keep it visible above the keyboard.\n   *\n   * Possible values:\n   * - `'always'`: The content always lifts along with the keyboard, ensuring the messages from the bottom part of screen\n   * remain visible regardless of the current scroll position. This is the default behavior for most chat applications (used in Telegram).\n   * - `'whenAtEnd'`: The content lifts only if the scroll view is at the end (i.e., the last message\n   * is visible or near the bottom). This prevents unnecessary adjustments when the user is scrolling\n   * through older messages (ChatGPT mobile app behavior).\n   * - `'persistent'`: The content always lifts when the keyboard appears (similar to `'always'`), but\n   * does not reset (lower) when the keyboard hides. This mimics behaviors where the view remains adjusted\n   * after keyboard dismissal to maintain focus on the latest content without shifting back (Claude mobile app behavior).\n   * - `'never'`: The content does not lift at all when the keyboard appears. Use this for scenarios\n   * when you don't want to disturb user attention with animations (Perplexity mobile app behavior).\n   *\n   * Default is `'always'`.\n   */\n  keyboardLiftBehavior?: KeyboardLiftBehavior;\n  /**\n   * When `true`, freezes all keyboard-driven layout changes (padding, content offset, scroll position).\n   * Useful when dismissing the keyboard to open a bottom sheet — prevents visual disruption\n   * while the sheet is visible.\n   *\n   * Default is `false`.\n   */\n  freeze?: boolean | SharedValue<boolean>;\n  /**\n   * A shared value representing additional padding from external elements\n   * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).\n   *\n   * When this value changes:\n   * - The scrollable range is always extended/contracted (via `contentInset`).\n   * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.\n   *\n   * Default is `undefined` (no extra padding).\n   */\n  extraContentPadding?: SharedValue<number>;\n  /**\n   * When `true`, applies a runtime workaround for a React Native 0.81+ bug\n   * where the ScrollView's `contentInset` area does not respond to touch/scroll\n   * gestures (facebook/react-native#54123).\n   *\n   * This uses Objective-C runtime method swizzling on the ScrollView's container\n   * view, which is inherently fragile. Only enable if you are affected by the\n   * upstream bug and understand the risks.\n   *\n   * iOS only. Default is `false`.\n   */\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * A shared value representing a minimum inset floor (in pixels).\n   *\n   * When set, the total bottom padding is computed as:\n   * `max(blankSpace, keyboardPadding + extraContentPadding)`\n   *\n   * This means the keyboard \"absorbs\" into the minimum padding rather than adding to it:\n   * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.\n   * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.\n   *\n   * Useful in AI chat apps where a sent message needs space below it (to push it to the top\n   * of the viewport) while the AI response streams in, without that space causing extra movement\n   * when the keyboard opens.\n   *\n   * Default is `undefined` (equivalent to `0` — no minimum floor).\n   */\n  blankSpace?: SharedValue<number>;\n} & ScrollViewProps;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {\n  AnimatedScrollViewComponent,\n  ScrollViewContentInsets,\n} from \"../ScrollViewWithBottomPadding\";\nimport type { KeyboardLiftBehavior } from \"./useChatKeyboard/types\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nexport type KeyboardChatScrollViewProps = {\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: AnimatedScrollViewComponent;\n  /** Whether list are using `inverted` prop. Default is `false`. */\n  inverted?: boolean;\n  /**\n   * The distance between the bottom of the screen and the `ScrollView`.\n   * When the keyboard appears, the `ScrollView` will only push content by the effective\n   * distance (`keyboardHeight - offset`) instead of the full keyboard height.\n   *\n   * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above\n   * bottom tabs, etc. - in this case offset should be equal to the height of the elements between\n   * `ScrollView` and bottom of the screen).\n   *\n   * Default is `0`.\n   */\n  offset?: number;\n  /**\n   * Determines how the chat content should behave when the keyboard appears, specifically whether\n   * the scroll view should automatically lift its content to keep it visible above the keyboard.\n   *\n   * Possible values:\n   * - `'always'`: The content always lifts along with the keyboard, ensuring the messages from the bottom part of screen\n   * remain visible regardless of the current scroll position. This is the default behavior for most chat applications (used in Telegram).\n   * - `'whenAtEnd'`: The content lifts only if the scroll view is at the end (i.e., the last message\n   * is visible or near the bottom). This prevents unnecessary adjustments when the user is scrolling\n   * through older messages (ChatGPT mobile app behavior).\n   * - `'persistent'`: The content always lifts when the keyboard appears (similar to `'always'`), but\n   * does not reset (lower) when the keyboard hides. This mimics behaviors where the view remains adjusted\n   * after keyboard dismissal to maintain focus on the latest content without shifting back (Claude mobile app behavior).\n   * - `'never'`: The content does not lift at all when the keyboard appears. Use this for scenarios\n   * when you don't want to disturb user attention with animations (Perplexity mobile app behavior).\n   *\n   * Default is `'always'`.\n   */\n  keyboardLiftBehavior?: KeyboardLiftBehavior;\n  /**\n   * When `true`, freezes all keyboard-driven layout changes (padding, content offset, scroll position).\n   * Useful when dismissing the keyboard to open a bottom sheet — prevents visual disruption\n   * while the sheet is visible.\n   *\n   * Default is `false`.\n   */\n  freeze?: boolean | SharedValue<boolean>;\n  /**\n   * A shared value representing additional padding from external elements\n   * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).\n   *\n   * When this value changes:\n   * - The scrollable range is always extended/contracted (via `contentInset`).\n   * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.\n   *\n   * Default is `undefined` (no extra padding).\n   */\n  extraContentPadding?: SharedValue<number>;\n  /**\n   * When `true`, applies a runtime workaround for a React Native 0.81+ bug\n   * where the ScrollView's `contentInset` area does not respond to touch/scroll\n   * gestures (facebook/react-native#54123).\n   *\n   * This uses Objective-C runtime method swizzling on the ScrollView's container\n   * view, which is inherently fragile. Only enable if you are affected by the\n   * upstream bug and understand the risks.\n   *\n   * iOS only. Default is `false`.\n   */\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * A shared value representing a minimum inset floor (in pixels).\n   *\n   * When set, the total bottom padding is computed as:\n   * `max(blankSpace, keyboardPadding + extraContentPadding)`\n   *\n   * This means the keyboard \"absorbs\" into the minimum padding rather than adding to it:\n   * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.\n   * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.\n   *\n   * Useful in AI chat apps where a sent message needs space below it (to push it to the top\n   * of the viewport) while the AI response streams in, without that space causing extra movement\n   * when the keyboard opens.\n   *\n   * Default is `undefined` (equivalent to `0` — no minimum floor).\n   */\n  blankSpace?: SharedValue<number>;\n  /**\n   * Fires whenever the effective content inset changes — the static `contentInset`\n   * prop combined with the dynamic keyboard-driven padding.\n   *\n   * Useful on Android, where the synthetic content inset is not reflected in the native\n   * `onScroll` event payload. Consumers such as virtualized lists computing their own\n   * `scrollToEnd` target can use this to track the current inset alongside scroll offsets.\n   */\n  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;\n  /**\n   * Fires whenever the visibility of the content \"end\" changes — both when the user\n   * arrives at the end and when they leave it. The boolean parameter reflects the new state.\n   *\n   * For non-inverted lists, the \"end\" is the bottom of the content. For inverted lists\n   * (`inverted={true}`), the \"end\" is the top of the scroll view, where the latest messages\n   * are rendered. The same internal detection drives `keyboardLiftBehavior=\"whenAtEnd\"`.\n   *\n   * The callback can be either a plain JS function or a Reanimated worklet — the type is\n   * detected automatically. Worklets run on the UI thread; plain functions are dispatched\n   * via `runOnJS`.\n   *\n   * Fires once on mount with the initial state (after the scroll view has been measured).\n   */\n  onEndVisible?: (visible: boolean) => void;\n} & ScrollViewProps;\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/KeyboardChatScrollView/useEndVisible.js

@@ -0,0 +1,33 @@
+import { useMemo } from "react";
+import { runOnJS, useAnimatedReaction, useDerivedValue } from "react-native-reanimated";
+import { isScrollAtEnd } from "./useChatKeyboard/helpers";
+const hasWorkletHash = value => typeof value === "function" && !!value.__workletHash;
+export const useEndVisible = ({
+  scroll,
+  layout,
+  size,
+  inverted,
+  onEndVisible
+}) => {
+  const isWorklet = useMemo(() => hasWorkletHash(onEndVisible), [onEndVisible]);
+  const isAtEnd = useDerivedValue(() => {
+    // Wait until the scroll view has been measured to avoid a spurious initial
+    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured
+    // state as "at end" because 0 + 0 >= 0 - threshold).
+    if (layout.value.height === 0 || size.value.height === 0) {
+      return null;
+    }
+    return isScrollAtEnd(scroll.value, layout.value.height, size.value.height, inverted);
+  });
+  useAnimatedReaction(() => isAtEnd.value, (current, previous) => {
+    if (current === null || current === previous || !onEndVisible) {
+      return;
+    }
+    if (isWorklet) {
+      onEndVisible(current);
+    } else {
+      runOnJS(onEndVisible)(current);
+    }
+  }, [onEndVisible, isWorklet, inverted]);
+};
+//# sourceMappingURL=useEndVisible.js.map

package/lib/module/components/KeyboardChatScrollView/useEndVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","runOnJS","useAnimatedReaction","useDerivedValue","isScrollAtEnd","hasWorkletHash","value","__workletHash","useEndVisible","scroll","layout","size","inverted","onEndVisible","isWorklet","isAtEnd","height","current","previous"],"sources":["useEndVisible.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  runOnJS,\n  useAnimatedReaction,\n  useDerivedValue,\n} from \"react-native-reanimated\";\n\nimport { isScrollAtEnd } from \"./useChatKeyboard/helpers\";\n\nimport type { SharedValue } from \"react-native-reanimated\";\n\ntype EndVisibleCallback = (visible: boolean) => void;\n\ntype Options = {\n  scroll: SharedValue<number>;\n  layout: SharedValue<{ width: number; height: number }>;\n  size: SharedValue<{ width: number; height: number }>;\n  inverted: boolean;\n  onEndVisible?: EndVisibleCallback;\n};\n\nconst hasWorkletHash = (value: unknown): boolean =>\n  typeof value === \"function\" &&\n  !!(value as unknown as Record<string, unknown>).__workletHash;\n\nexport const useEndVisible = ({\n  scroll,\n  layout,\n  size,\n  inverted,\n  onEndVisible,\n}: Options) => {\n  const isWorklet = useMemo(() => hasWorkletHash(onEndVisible), [onEndVisible]);\n\n  const isAtEnd = useDerivedValue(() => {\n    // Wait until the scroll view has been measured to avoid a spurious initial\n    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured\n    // state as \"at end\" because 0 + 0 >= 0 - threshold).\n    if (layout.value.height === 0 || size.value.height === 0) {\n      return null;\n    }\n\n    return isScrollAtEnd(\n      scroll.value,\n      layout.value.height,\n      size.value.height,\n      inverted,\n    );\n  });\n\n  useAnimatedReaction(\n    () => isAtEnd.value,\n    (current, previous) => {\n      if (current === null || current === previous || !onEndVisible) {\n        return;\n      }\n\n      if (isWorklet) {\n        onEndVisible(current);\n      } else {\n        runOnJS(onEndVisible)(current);\n      }\n    },\n    [onEndVisible, isWorklet, inverted],\n  );\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,OAAO,EACPC,mBAAmB,EACnBC,eAAe,QACV,yBAAyB;AAEhC,SAASC,aAAa,QAAQ,2BAA2B;AAczD,MAAMC,cAAc,GAAIC,KAAc,IACpC,OAAOA,KAAK,KAAK,UAAU,IAC3B,CAAC,CAAEA,KAAK,CAAwCC,aAAa;AAE/D,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC;AACO,CAAC,KAAK;EACb,MAAMC,SAAS,GAAGd,OAAO,CAAC,MAAMK,cAAc,CAACQ,YAAY,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAE7E,MAAME,OAAO,GAAGZ,eAAe,CAAC,MAAM;IACpC;IACA;IACA;IACA,IAAIO,MAAM,CAACJ,KAAK,CAACU,MAAM,KAAK,CAAC,IAAIL,IAAI,CAACL,KAAK,CAACU,MAAM,KAAK,CAAC,EAAE;MACxD,OAAO,IAAI;IACb;IAEA,OAAOZ,aAAa,CAClBK,MAAM,CAACH,KAAK,EACZI,MAAM,CAACJ,KAAK,CAACU,MAAM,EACnBL,IAAI,CAACL,KAAK,CAACU,MAAM,EACjBJ,QACF,CAAC;EACH,CAAC,CAAC;EAEFV,mBAAmB,CACjB,MAAMa,OAAO,CAACT,KAAK,EACnB,CAACW,OAAO,EAAEC,QAAQ,KAAK;IACrB,IAAID,OAAO,KAAK,IAAI,IAAIA,OAAO,KAAKC,QAAQ,IAAI,CAACL,YAAY,EAAE;MAC7D;IACF;IAEA,IAAIC,SAAS,EAAE;MACbD,YAAY,CAACI,OAAO,CAAC;IACvB,CAAC,MAAM;MACLhB,OAAO,CAACY,YAAY,CAAC,CAACI,OAAO,CAAC;IAChC;EACF,CAAC,EACD,CAACJ,YAAY,EAAEC,SAAS,EAAEF,QAAQ,CACpC,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/components/KeyboardStickyView/index.js

@@ -1,7 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef, useMemo } from "react";
-import { Animated } from "react-native";
-import { useKeyboardAnimation } from "../../hooks";
+import Reanimated, { interpolate, useAnimatedStyle } from "react-native-reanimated";
+import { useReanimatedKeyboardAnimation } from "../../hooks";
 /**
  * A View component that sticks to the keyboard and moves with it when it appears or disappears.
  * The view can be configured with custom offsets for both closed and open keyboard states.
@@ -28,21 +28,17 @@ const KeyboardStickyView = /*#__PURE__*/forwardRef(({
   const {
     height,
     progress
-  } = useKeyboardAnimation();
-  const offset = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [closed, opened]
-  });
-  const styles = useMemo(() => {
-    const disabled = Animated.add(Animated.multiply(height, 0), closed);
-    const active = Animated.add(height, offset);
-    return [{
+  } = useReanimatedKeyboardAnimation();
+  const stickyViewStyle = useAnimatedStyle(() => {
+    const offset = interpolate(progress.value, [0, 1], [closed, opened]);
+    return {
       transform: [{
-        translateY: enabled ? active : disabled
+        translateY: enabled ? height.value + offset : closed
       }]
-    }, style];
-  }, [closed, enabled, height, offset, style]);
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({
+    };
+  }, [closed, opened, enabled]);
+  const styles = useMemo(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/React.createElement(Reanimated.View, _extends({
     ref: ref,
     style: styles
   }, props), children);

package/lib/module/components/KeyboardStickyView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","Animated","useKeyboardAnimation","KeyboardStickyView","children","offset","closed","opened","style","enabled","props","ref","height","progress","interpolate","inputRange","outputRange","styles","disabled","add","multiply","active","transform","translateY","createElement","View","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { Animated } from \"react-native\";\n\nimport { useKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n} & ViewProps;\n\n/**\n * A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n *\n * @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n *   <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useKeyboardAnimation();\n\n    const offset = progress.interpolate({\n      inputRange: [0, 1],\n      outputRange: [closed, opened],\n    });\n\n    const styles = useMemo(() => {\n      const disabled = Animated.add(Animated.multiply(height, 0), closed);\n      const active = Animated.add(height, offset);\n\n      return [\n        {\n          transform: [{ translateY: enabled ? active : disabled }],\n        },\n        style,\n      ];\n    }, [closed, enabled, height, offset, style]);\n\n    return (\n      <Animated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Animated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,oBAAoB,QAAQ,aAAa;AAuBlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGJ,UAAU,CAInC,CACE;EACEK,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EACvCC,KAAK;EACLC,OAAO,GAAG,IAAI;EACd,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGX,oBAAoB,CAAC,CAAC;EAEnD,MAAMG,MAAM,GAAGQ,QAAQ,CAACC,WAAW,CAAC;IAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACV,MAAM,EAAEC,MAAM;EAC9B,CAAC,CAAC;EAEF,MAAMU,MAAM,GAAGjB,OAAO,CAAC,MAAM;IAC3B,MAAMkB,QAAQ,GAAGjB,QAAQ,CAACkB,GAAG,CAAClB,QAAQ,CAACmB,QAAQ,CAACR,MAAM,EAAE,CAAC,CAAC,EAAEN,MAAM,CAAC;IACnE,MAAMe,MAAM,GAAGpB,QAAQ,CAACkB,GAAG,CAACP,MAAM,EAAEP,MAAM,CAAC;IAE3C,OAAO,CACL;MACEiB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEd,OAAO,GAAGY,MAAM,GAAGH;MAAS,CAAC;IACzD,CAAC,EACDV,KAAK,CACN;EACH,CAAC,EAAE,CAACF,MAAM,EAAEG,OAAO,EAAEG,MAAM,EAAEP,MAAM,EAAEG,KAAK,CAAC,CAAC;EAE5C,oBACEV,KAAA,CAAA0B,aAAA,CAACvB,QAAQ,CAACwB,IAAI,EAAAC,QAAA;IAACf,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAES;EAAO,GAAKP,KAAK,GAC9CN,QACY,CAAC;AAEpB,CACF,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useMemo","Reanimated","interpolate","useAnimatedStyle","useReanimatedKeyboardAnimation","KeyboardStickyView","children","offset","closed","opened","style","enabled","props","ref","height","progress","stickyViewStyle","value","transform","translateY","styles","createElement","View","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport Reanimated, {\n  interpolate,\n  useAnimatedStyle,\n} from \"react-native-reanimated\";\n\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n} & ViewProps;\n\n/**\n * A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n *\n * @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n *   <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useReanimatedKeyboardAnimation();\n\n    const stickyViewStyle = useAnimatedStyle(() => {\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\n\n      return {\n        transform: [{ translateY: enabled ? height.value + offset : closed }],\n      };\n    }, [closed, opened, enabled]);\n\n    const styles = useMemo(\n      () => [style, stickyViewStyle],\n      [style, stickyViewStyle],\n    );\n\n    return (\n      <Reanimated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,IACfC,WAAW,EACXC,gBAAgB,QACX,yBAAyB;AAEhC,SAASC,8BAA8B,QAAQ,aAAa;AAuB5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,gBAAGN,UAAU,CAInC,CACE;EACEO,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EACvCC,KAAK;EACLC,OAAO,GAAG,IAAI;EACd,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGX,8BAA8B,CAAC,CAAC;EAE7D,MAAMY,eAAe,GAAGb,gBAAgB,CAAC,MAAM;IAC7C,MAAMI,MAAM,GAAGL,WAAW,CAACa,QAAQ,CAACE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACT,MAAM,EAAEC,MAAM,CAAC,CAAC;IAEpE,OAAO;MACLS,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAER,OAAO,GAAGG,MAAM,CAACG,KAAK,GAAGV,MAAM,GAAGC;MAAO,CAAC;IACtE,CAAC;EACH,CAAC,EAAE,CAACA,MAAM,EAAEC,MAAM,EAAEE,OAAO,CAAC,CAAC;EAE7B,MAAMS,MAAM,GAAGpB,OAAO,CACpB,MAAM,CAACU,KAAK,EAAEM,eAAe,CAAC,EAC9B,CAACN,KAAK,EAAEM,eAAe,CACzB,CAAC;EAED,oBACElB,KAAA,CAAAuB,aAAA,CAACpB,UAAU,CAACqB,IAAI,EAAAC,QAAA;IAACV,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEU;EAAO,GAAKR,KAAK,GAChDN,QACc,CAAC;AAEtB,CACF,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}

package/lib/module/components/ScrollViewWithBottomPadding/index.js

@@ -1,7 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from "react";
 import { Platform } from "react-native";
-import Reanimated, { useAnimatedProps, useSharedValue } from "react-native-reanimated";
+import Reanimated, { runOnJS, useAnimatedProps, useAnimatedReaction, useDerivedValue, useSharedValue } from "react-native-reanimated";
 import { ClippingScrollView } from "../../bindings";
 import styles from "./styles";
 const OS = Platform.OS;
@@ -15,26 +15,47 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
   inverted,
   contentOffsetY,
   applyWorkaroundForContentInsetHitTestBug,
+  onContentInsetChange,
   children,
   ...rest
 }, ref) => {
   const prevContentOffsetY = useSharedValue(null);
+  const insets = useDerivedValue(() => {
+    const dynamicTop = inverted ? bottomPadding.value : 0;
+    const dynamicBottom = !inverted ? bottomPadding.value : 0;
+    return {
+      dynamic: {
+        top: dynamicTop,
+        bottom: dynamicBottom
+      },
+      effective: {
+        top: dynamicTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0),
+        bottom: dynamicBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0),
+        left: (contentInset === null || contentInset === void 0 ? void 0 : contentInset.left) || 0,
+        right: (contentInset === null || contentInset === void 0 ? void 0 : contentInset.right) || 0
+      }
+    };
+  }, [inverted, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right]);
+  useAnimatedReaction(() => insets.value.effective, (current, previous) => {
+    if (!onContentInsetChange) {
+      return;
+    }
+    if (previous && current.top === previous.top && current.bottom === previous.bottom && current.left === previous.left && current.right === previous.right) {
+      return;
+    }
+    runOnJS(onContentInsetChange)(current);
+  }, [onContentInsetChange]);
   const animatedProps = useAnimatedProps(() => {
-    const insetTop = inverted ? bottomPadding.value : 0;
-    const insetBottom = !inverted ? bottomPadding.value : 0;
-    const bottom = insetBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0);
-    const top = insetTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0);
+    const {
+      dynamic,
+      effective
+    } = insets.value;
     const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;
     const indicatorTop = (inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top) || 0);
     const indicatorBottom = (!inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom) || 0);
     const result = {
       // iOS prop
-      contentInset: {
-        bottom: bottom,
-        top: top,
-        right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
-        left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
-      },
+      contentInset: effective,
       scrollIndicatorInsets: {
         bottom: indicatorBottom,
         top: indicatorTop,
@@ -42,8 +63,8 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
         left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
       },
       // Android prop
-      contentInsetBottom: insetBottom,
-      contentInsetTop: insetTop
+      contentInsetBottom: dynamic.bottom,
+      contentInsetTop: dynamic.top
     };
     if (contentOffsetY) {
       const curr = contentOffsetY.value;
@@ -57,7 +78,7 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
       }
     }
     return result;
-  }, [contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
+  }, [scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
   return /*#__PURE__*/React.createElement(ReanimatedClippingScrollView, {
     animatedProps: animatedProps,
     applyWorkaroundForContentInsetHitTestBug: applyWorkaroundForContentInsetHitTestBug,

package/lib/module/components/ScrollViewWithBottomPadding/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Platform","Reanimated","useAnimatedProps","useSharedValue","ClippingScrollView","styles","OS","ReanimatedClippingScrollView","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","children","rest","ref","prevContentOffsetY","animatedProps","insetTop","value","insetBottom","bottom","top","indicatorPadding","indicatorTop","indicatorBottom","result","right","left","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","container","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, {\n  useAnimatedProps,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n  OS === \"android\"\n    ? Reanimated.createAnimatedComponent(ClippingScrollView)\n    : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n  typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n  AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\ntype ScrollViewWithBottomPaddingProps = {\n  ScrollViewComponent: AnimatedScrollViewComponent;\n  children?: React.ReactNode;\n  inverted?: boolean;\n  bottomPadding: SharedValue<number>;\n  /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. */\n  scrollIndicatorPadding?: SharedValue<number>;\n  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      scrollIndicatorPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      applyWorkaroundForContentInsetHitTestBug,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const prevContentOffsetY = useSharedValue<number | null>(null);\n\n    const animatedProps = useAnimatedProps(() => {\n      const insetTop = inverted ? bottomPadding.value : 0;\n      const insetBottom = !inverted ? bottomPadding.value : 0;\n      const bottom = insetBottom + (contentInset?.bottom || 0);\n      const top = insetTop + (contentInset?.top || 0);\n\n      const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n      const indicatorTop =\n        (inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.top || 0);\n      const indicatorBottom =\n        (!inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.bottom || 0);\n\n      const result: Record<string, unknown> = {\n        // iOS prop\n        contentInset: {\n          bottom: bottom,\n          top: top,\n          right: contentInset?.right,\n          left: contentInset?.left,\n        },\n        scrollIndicatorInsets: {\n          bottom: indicatorBottom,\n          top: indicatorTop,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: insetBottom,\n        contentInsetTop: insetTop,\n      };\n\n      if (contentOffsetY) {\n        const curr = contentOffsetY.value;\n\n        if (curr !== prevContentOffsetY.value) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          prevContentOffsetY.value = curr;\n          result.contentOffset = { x: 0, y: curr };\n        }\n      }\n\n      return result;\n    }, [\n      contentInset?.bottom,\n      contentInset?.top,\n      contentInset?.right,\n      contentInset?.left,\n      scrollIndicatorInsets?.bottom,\n      scrollIndicatorInsets?.top,\n      scrollIndicatorInsets?.right,\n      scrollIndicatorInsets?.left,\n      inverted,\n      contentOffsetY,\n    ]);\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\n        applyWorkaroundForContentInsetHitTestBug={\n          applyWorkaroundForContentInsetHitTestBug\n        }\n        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","Platform","Reanimated","runOnJS","useAnimatedProps","useAnimatedReaction","useDerivedValue","useSharedValue","ClippingScrollView","styles","OS","ReanimatedClippingScrollView","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","onContentInsetChange","children","rest","ref","prevContentOffsetY","insets","dynamicTop","value","dynamicBottom","dynamic","top","bottom","effective","left","right","current","previous","animatedProps","indicatorPadding","indicatorTop","indicatorBottom","result","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","container","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, {\n  runOnJS,\n  useAnimatedProps,\n  useAnimatedReaction,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n  OS === \"android\"\n    ? Reanimated.createAnimatedComponent(ClippingScrollView)\n    : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n  typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n  AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\nexport type ScrollViewContentInsets = {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n};\n\ntype ScrollViewWithBottomPaddingProps = {\n  ScrollViewComponent: AnimatedScrollViewComponent;\n  children?: React.ReactNode;\n  inverted?: boolean;\n  bottomPadding: SharedValue<number>;\n  /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. */\n  scrollIndicatorPadding?: SharedValue<number>;\n  /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n  contentOffsetY?: SharedValue<number>;\n  applyWorkaroundForContentInsetHitTestBug?: boolean;\n  /**\n   * Fires whenever the effective content inset changes (combines the static `contentInset`\n   * prop with the dynamic keyboard-driven padding). Useful on Android where the synthetic\n   * inset is not reflected in `onScroll` events.\n   */\n  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n  Reanimated.ScrollView,\n  ScrollViewWithBottomPaddingProps\n>(\n  (\n    {\n      ScrollViewComponent,\n      bottomPadding,\n      scrollIndicatorPadding,\n      contentInset,\n      scrollIndicatorInsets,\n      inverted,\n      contentOffsetY,\n      applyWorkaroundForContentInsetHitTestBug,\n      onContentInsetChange,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const prevContentOffsetY = useSharedValue<number | null>(null);\n\n    const insets = useDerivedValue(() => {\n      const dynamicTop = inverted ? bottomPadding.value : 0;\n      const dynamicBottom = !inverted ? bottomPadding.value : 0;\n\n      return {\n        dynamic: {\n          top: dynamicTop,\n          bottom: dynamicBottom,\n        },\n        effective: {\n          top: dynamicTop + (contentInset?.top || 0),\n          bottom: dynamicBottom + (contentInset?.bottom || 0),\n          left: contentInset?.left || 0,\n          right: contentInset?.right || 0,\n        } as ScrollViewContentInsets,\n      };\n    }, [\n      inverted,\n      contentInset?.top,\n      contentInset?.bottom,\n      contentInset?.left,\n      contentInset?.right,\n    ]);\n\n    useAnimatedReaction(\n      () => insets.value.effective,\n      (current, previous) => {\n        if (!onContentInsetChange) {\n          return;\n        }\n        if (\n          previous &&\n          current.top === previous.top &&\n          current.bottom === previous.bottom &&\n          current.left === previous.left &&\n          current.right === previous.right\n        ) {\n          return;\n        }\n        runOnJS(onContentInsetChange)(current);\n      },\n      [onContentInsetChange],\n    );\n\n    const animatedProps = useAnimatedProps(() => {\n      const { dynamic, effective } = insets.value;\n\n      const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n      const indicatorTop =\n        (inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.top || 0);\n      const indicatorBottom =\n        (!inverted ? indicatorPadding.value : 0) +\n        (scrollIndicatorInsets?.bottom || 0);\n\n      const result: Record<string, unknown> = {\n        // iOS prop\n        contentInset: effective,\n        scrollIndicatorInsets: {\n          bottom: indicatorBottom,\n          top: indicatorTop,\n          right: scrollIndicatorInsets?.right,\n          left: scrollIndicatorInsets?.left,\n        },\n        // Android prop\n        contentInsetBottom: dynamic.bottom,\n        contentInsetTop: dynamic.top,\n      };\n\n      if (contentOffsetY) {\n        const curr = contentOffsetY.value;\n\n        if (curr !== prevContentOffsetY.value) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          prevContentOffsetY.value = curr;\n          result.contentOffset = { x: 0, y: curr };\n        }\n      }\n\n      return result;\n    }, [\n      scrollIndicatorInsets?.bottom,\n      scrollIndicatorInsets?.top,\n      scrollIndicatorInsets?.right,\n      scrollIndicatorInsets?.left,\n      inverted,\n      contentOffsetY,\n    ]);\n\n    return (\n      <ReanimatedClippingScrollView\n        animatedProps={animatedProps}\n        applyWorkaroundForContentInsetHitTestBug={\n          applyWorkaroundForContentInsetHitTestBug\n        }\n        style={styles.container}\n      >\n        <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n          {children}\n        </ScrollViewComponent>\n      </ReanimatedClippingScrollView>\n    );\n  },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/KeyboardChatScrollView/index.d.ts

@@ -9,6 +9,8 @@ declare const KeyboardChatScrollView: React.ForwardRefExoticComponent<{
     extraContentPadding?: import("react-native-reanimated").SharedValue<number>;
     applyWorkaroundForContentInsetHitTestBug?: boolean;
     blankSpace?: import("react-native-reanimated").SharedValue<number>;
+    onContentInsetChange?: (insets: import("../ScrollViewWithBottomPadding").ScrollViewContentInsets) => void;
+    onEndVisible?: (visible: boolean) => void;
 } & import("react-native").ScrollViewProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<Reanimated.ScrollView>>;

package/lib/typescript/components/KeyboardChatScrollView/types.d.ts

@@ -1,4 +1,4 @@
-import type { AnimatedScrollViewComponent } from "../ScrollViewWithBottomPadding";
+import type { AnimatedScrollViewComponent, ScrollViewContentInsets } from "../ScrollViewWithBottomPadding";
 import type { KeyboardLiftBehavior } from "./useChatKeyboard/types";
 import type { ScrollViewProps } from "react-native";
 import type { SharedValue } from "react-native-reanimated";
@@ -86,4 +86,28 @@ export type KeyboardChatScrollViewProps = {
      * Default is `undefined` (equivalent to `0` — no minimum floor).
      */
     blankSpace?: SharedValue<number>;
+    /**
+     * Fires whenever the effective content inset changes — the static `contentInset`
+     * prop combined with the dynamic keyboard-driven padding.
+     *
+     * Useful on Android, where the synthetic content inset is not reflected in the native
+     * `onScroll` event payload. Consumers such as virtualized lists computing their own
+     * `scrollToEnd` target can use this to track the current inset alongside scroll offsets.
+     */
+    onContentInsetChange?: (insets: ScrollViewContentInsets) => void;
+    /**
+     * Fires whenever the visibility of the content "end" changes — both when the user
+     * arrives at the end and when they leave it. The boolean parameter reflects the new state.
+     *
+     * For non-inverted lists, the "end" is the bottom of the content. For inverted lists
+     * (`inverted={true}`), the "end" is the top of the scroll view, where the latest messages
+     * are rendered. The same internal detection drives `keyboardLiftBehavior="whenAtEnd"`.
+     *
+     * The callback can be either a plain JS function or a Reanimated worklet — the type is
+     * detected automatically. Worklets run on the UI thread; plain functions are dispatched
+     * via `runOnJS`.
+     *
+     * Fires once on mount with the initial state (after the scroll view has been measured).
+     */
+    onEndVisible?: (visible: boolean) => void;
 } & ScrollViewProps;

package/lib/typescript/components/KeyboardChatScrollView/useEndVisible.d.ts

@@ -0,0 +1,17 @@
+import type { SharedValue } from "react-native-reanimated";
+type EndVisibleCallback = (visible: boolean) => void;
+type Options = {
+    scroll: SharedValue<number>;
+    layout: SharedValue<{
+        width: number;
+        height: number;
+    }>;
+    size: SharedValue<{
+        width: number;
+        height: number;
+    }>;
+    inverted: boolean;
+    onEndVisible?: EndVisibleCallback;
+};
+export declare const useEndVisible: ({ scroll, layout, size, inverted, onEndVisible, }: Options) => void;
+export {};

package/lib/typescript/components/ScrollViewWithBottomPadding/index.d.ts

@@ -4,6 +4,12 @@ import type { ScrollViewProps } from "react-native";
 import type { SharedValue } from "react-native-reanimated";
 type AnimatedScrollViewProps = React.ComponentProps<typeof Reanimated.ScrollView>;
 export type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>>;
+export type ScrollViewContentInsets = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
 declare const ScrollViewWithBottomPadding: React.ForwardRefExoticComponent<{
     ScrollViewComponent: AnimatedScrollViewComponent;
     children?: React.ReactNode;
@@ -14,5 +20,11 @@ declare const ScrollViewWithBottomPadding: React.ForwardRefExoticComponent<{
     /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */
     contentOffsetY?: SharedValue<number>;
     applyWorkaroundForContentInsetHitTestBug?: boolean;
+    /**
+     * Fires whenever the effective content inset changes (combines the static `contentInset`
+     * prop with the dynamic keyboard-driven padding). Useful on Android where the synthetic
+     * inset is not reflected in `onScroll` events.
+     */
+    onContentInsetChange?: (insets: ScrollViewContentInsets) => void;
 } & ScrollViewProps & React.RefAttributes<Reanimated.ScrollView>>;
 export default ScrollViewWithBottomPadding;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.21.6",
+  "version": "1.21.7",
   "description": "Keyboard manager which works in identical way on both iOS and Android",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/KeyboardChatScrollView/index.tsx

@@ -12,6 +12,7 @@ import useCombinedRef from "../hooks/useCombinedRef";
 import ScrollViewWithBottomPadding from "../ScrollViewWithBottomPadding";
 
 import { useChatKeyboard } from "./useChatKeyboard";
+import { useEndVisible } from "./useEndVisible";
 import { useExtraContentPadding } from "./useExtraContentPadding";
 
 import type { KeyboardChatScrollViewProps } from "./types";
@@ -37,6 +38,7 @@ const KeyboardChatScrollView = forwardRef<
       applyWorkaroundForContentInsetHitTestBug = false,
       onLayout: onLayoutProp,
       onContentSizeChange: onContentSizeChangeProp,
+      onEndVisible,
       ...rest
     },
     ref,
@@ -78,6 +80,14 @@ const KeyboardChatScrollView = forwardRef<
       freeze: freezeSV,
     });
 
+    useEndVisible({
+      scroll,
+      layout,
+      size,
+      inverted,
+      onEndVisible,
+    });
+
     const totalPadding = useDerivedValue(() =>
       Math.max(blankSpace.value, padding.value + extraContentPadding.value),
     );

package/src/components/KeyboardChatScrollView/types.ts

@@ -1,4 +1,7 @@
-import type { AnimatedScrollViewComponent } from "../ScrollViewWithBottomPadding";
+import type {
+  AnimatedScrollViewComponent,
+  ScrollViewContentInsets,
+} from "../ScrollViewWithBottomPadding";
 import type { KeyboardLiftBehavior } from "./useChatKeyboard/types";
 import type { ScrollViewProps } from "react-native";
 import type { SharedValue } from "react-native-reanimated";
@@ -87,4 +90,28 @@ export type KeyboardChatScrollViewProps = {
    * Default is `undefined` (equivalent to `0` — no minimum floor).
    */
   blankSpace?: SharedValue<number>;
+  /**
+   * Fires whenever the effective content inset changes — the static `contentInset`
+   * prop combined with the dynamic keyboard-driven padding.
+   *
+   * Useful on Android, where the synthetic content inset is not reflected in the native
+   * `onScroll` event payload. Consumers such as virtualized lists computing their own
+   * `scrollToEnd` target can use this to track the current inset alongside scroll offsets.
+   */
+  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;
+  /**
+   * Fires whenever the visibility of the content "end" changes — both when the user
+   * arrives at the end and when they leave it. The boolean parameter reflects the new state.
+   *
+   * For non-inverted lists, the "end" is the bottom of the content. For inverted lists
+   * (`inverted={true}`), the "end" is the top of the scroll view, where the latest messages
+   * are rendered. The same internal detection drives `keyboardLiftBehavior="whenAtEnd"`.
+   *
+   * The callback can be either a plain JS function or a Reanimated worklet — the type is
+   * detected automatically. Worklets run on the UI thread; plain functions are dispatched
+   * via `runOnJS`.
+   *
+   * Fires once on mount with the initial state (after the scroll view has been measured).
+   */
+  onEndVisible?: (visible: boolean) => void;
 } & ScrollViewProps;

package/src/components/KeyboardChatScrollView/useEndVisible.ts

@@ -0,0 +1,66 @@
+import { useMemo } from "react";
+import {
+  runOnJS,
+  useAnimatedReaction,
+  useDerivedValue,
+} from "react-native-reanimated";
+
+import { isScrollAtEnd } from "./useChatKeyboard/helpers";
+
+import type { SharedValue } from "react-native-reanimated";
+
+type EndVisibleCallback = (visible: boolean) => void;
+
+type Options = {
+  scroll: SharedValue<number>;
+  layout: SharedValue<{ width: number; height: number }>;
+  size: SharedValue<{ width: number; height: number }>;
+  inverted: boolean;
+  onEndVisible?: EndVisibleCallback;
+};
+
+const hasWorkletHash = (value: unknown): boolean =>
+  typeof value === "function" &&
+  !!(value as unknown as Record<string, unknown>).__workletHash;
+
+export const useEndVisible = ({
+  scroll,
+  layout,
+  size,
+  inverted,
+  onEndVisible,
+}: Options) => {
+  const isWorklet = useMemo(() => hasWorkletHash(onEndVisible), [onEndVisible]);
+
+  const isAtEnd = useDerivedValue(() => {
+    // Wait until the scroll view has been measured to avoid a spurious initial
+    // `true` on a (0,0,0) layout (the helper would otherwise treat unmeasured
+    // state as "at end" because 0 + 0 >= 0 - threshold).
+    if (layout.value.height === 0 || size.value.height === 0) {
+      return null;
+    }
+
+    return isScrollAtEnd(
+      scroll.value,
+      layout.value.height,
+      size.value.height,
+      inverted,
+    );
+  });
+
+  useAnimatedReaction(
+    () => isAtEnd.value,
+    (current, previous) => {
+      if (current === null || current === previous || !onEndVisible) {
+        return;
+      }
+
+      if (isWorklet) {
+        onEndVisible(current);
+      } else {
+        runOnJS(onEndVisible)(current);
+      }
+    },
+    [onEndVisible, isWorklet, inverted],
+  );
+};

package/src/components/KeyboardStickyView/index.tsx

@@ -1,7 +1,10 @@
 import React, { forwardRef, useMemo } from "react";
-import { Animated } from "react-native";
+import Reanimated, {
+  interpolate,
+  useAnimatedStyle,
+} from "react-native-reanimated";
 
-import { useKeyboardAnimation } from "../../hooks";
+import { useReanimatedKeyboardAnimation } from "../../hooks";
 
 import type { View, ViewProps } from "react-native";
 
@@ -51,29 +54,25 @@ const KeyboardStickyView = forwardRef<
     },
     ref,
   ) => {
-    const { height, progress } = useKeyboardAnimation();
+    const { height, progress } = useReanimatedKeyboardAnimation();
 
-    const offset = progress.interpolate({
-      inputRange: [0, 1],
-      outputRange: [closed, opened],
-    });
+    const stickyViewStyle = useAnimatedStyle(() => {
+      const offset = interpolate(progress.value, [0, 1], [closed, opened]);
 
-    const styles = useMemo(() => {
-      const disabled = Animated.add(Animated.multiply(height, 0), closed);
-      const active = Animated.add(height, offset);
+      return {
+        transform: [{ translateY: enabled ? height.value + offset : closed }],
+      };
+    }, [closed, opened, enabled]);
 
-      return [
-        {
-          transform: [{ translateY: enabled ? active : disabled }],
-        },
-        style,
-      ];
-    }, [closed, enabled, height, offset, style]);
+    const styles = useMemo(
+      () => [style, stickyViewStyle],
+      [style, stickyViewStyle],
+    );
 
     return (
-      <Animated.View ref={ref} style={styles} {...props}>
+      <Reanimated.View ref={ref} style={styles} {...props}>
         {children}
-      </Animated.View>
+      </Reanimated.View>
     );
   },
 );

package/src/components/ScrollViewWithBottomPadding/index.tsx

@@ -1,7 +1,10 @@
 import React, { forwardRef } from "react";
 import { Platform } from "react-native";
 import Reanimated, {
+  runOnJS,
   useAnimatedProps,
+  useAnimatedReaction,
+  useDerivedValue,
   useSharedValue,
 } from "react-native-reanimated";
 
@@ -26,6 +29,13 @@ export type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<
   AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>
 >;
 
+export type ScrollViewContentInsets = {
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+};
+
 type ScrollViewWithBottomPaddingProps = {
   ScrollViewComponent: AnimatedScrollViewComponent;
   children?: React.ReactNode;
@@ -36,6 +46,12 @@ type ScrollViewWithBottomPaddingProps = {
   /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */
   contentOffsetY?: SharedValue<number>;
   applyWorkaroundForContentInsetHitTestBug?: boolean;
+  /**
+   * Fires whenever the effective content inset changes (combines the static `contentInset`
+   * prop with the dynamic keyboard-driven padding). Useful on Android where the synthetic
+   * inset is not reflected in `onScroll` events.
+   */
+  onContentInsetChange?: (insets: ScrollViewContentInsets) => void;
 } & ScrollViewProps;
 
 const ScrollViewWithBottomPadding = forwardRef<
@@ -52,6 +68,7 @@ const ScrollViewWithBottomPadding = forwardRef<
       inverted,
       contentOffsetY,
       applyWorkaroundForContentInsetHitTestBug,
+      onContentInsetChange,
       children,
       ...rest
     },
@@ -59,11 +76,52 @@ const ScrollViewWithBottomPadding = forwardRef<
   ) => {
     const prevContentOffsetY = useSharedValue<number | null>(null);
 
+    const insets = useDerivedValue(() => {
+      const dynamicTop = inverted ? bottomPadding.value : 0;
+      const dynamicBottom = !inverted ? bottomPadding.value : 0;
+
+      return {
+        dynamic: {
+          top: dynamicTop,
+          bottom: dynamicBottom,
+        },
+        effective: {
+          top: dynamicTop + (contentInset?.top || 0),
+          bottom: dynamicBottom + (contentInset?.bottom || 0),
+          left: contentInset?.left || 0,
+          right: contentInset?.right || 0,
+        } as ScrollViewContentInsets,
+      };
+    }, [
+      inverted,
+      contentInset?.top,
+      contentInset?.bottom,
+      contentInset?.left,
+      contentInset?.right,
+    ]);
+
+    useAnimatedReaction(
+      () => insets.value.effective,
+      (current, previous) => {
+        if (!onContentInsetChange) {
+          return;
+        }
+        if (
+          previous &&
+          current.top === previous.top &&
+          current.bottom === previous.bottom &&
+          current.left === previous.left &&
+          current.right === previous.right
+        ) {
+          return;
+        }
+        runOnJS(onContentInsetChange)(current);
+      },
+      [onContentInsetChange],
+    );
+
     const animatedProps = useAnimatedProps(() => {
-      const insetTop = inverted ? bottomPadding.value : 0;
-      const insetBottom = !inverted ? bottomPadding.value : 0;
-      const bottom = insetBottom + (contentInset?.bottom || 0);
-      const top = insetTop + (contentInset?.top || 0);
+      const { dynamic, effective } = insets.value;
 
       const indicatorPadding = scrollIndicatorPadding ?? bottomPadding;
       const indicatorTop =
@@ -75,12 +133,7 @@ const ScrollViewWithBottomPadding = forwardRef<
 
       const result: Record<string, unknown> = {
         // iOS prop
-        contentInset: {
-          bottom: bottom,
-          top: top,
-          right: contentInset?.right,
-          left: contentInset?.left,
-        },
+        contentInset: effective,
         scrollIndicatorInsets: {
           bottom: indicatorBottom,
           top: indicatorTop,
@@ -88,8 +141,8 @@ const ScrollViewWithBottomPadding = forwardRef<
           left: scrollIndicatorInsets?.left,
         },
         // Android prop
-        contentInsetBottom: insetBottom,
-        contentInsetTop: insetTop,
+        contentInsetBottom: dynamic.bottom,
+        contentInsetTop: dynamic.top,
       };
 
       if (contentOffsetY) {
@@ -104,10 +157,6 @@ const ScrollViewWithBottomPadding = forwardRef<
 
       return result;
     }, [
-      contentInset?.bottom,
-      contentInset?.top,
-      contentInset?.right,
-      contentInset?.left,
       scrollIndicatorInsets?.bottom,
       scrollIndicatorInsets?.top,
       scrollIndicatorInsets?.right,