npm - react-native-keyboard-controller - Versions diffs - 1.20.7 → 1.21.0-beta.0 - Mend

react-native-keyboard-controller 1.20.7 → 1.21.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/lib/module/components/KeyboardAwareScrollView/index.js CHANGED Viewed

@@ -1,9 +1,11 @@
 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, useCallback, useEffect, useImperativeHandle, useMemo } from "react";
-import Reanimated, { clamp, interpolate, runOnUI, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedStyle, useScrollViewOffset, useSharedValue } from "react-native-reanimated";
+import Reanimated, { clamp, interpolate, runOnUI, scrollTo, useAnimatedReaction, useAnimatedRef, useDerivedValue, useSharedValue } from "react-native-reanimated";
 import { useFocusedInputHandler, useReanimatedFocusedInput, useWindowDimensions } from "../../hooks";
 import { findNodeHandle } from "../../utils/findNodeHandle";
 import useCombinedRef from "../hooks/useCombinedRef";
+import useScrollState from "../hooks/useScrollState";
+import ScrollViewWithBottomPadding from "../ScrollViewWithBottomPadding";
 import { useSmoothKeyboardHandler } from "./useSmoothKeyboardHandler";
 import { debounce, scrollDistanceWithRespectToSnapPoints } from "./utils";
 // Everything begins from `onStart` handler. This handler is called every time,
@@ -75,7 +77,11 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
   const onRef = useCombinedRef(scrollViewAnimatedRef, scrollViewRef);
   const scrollViewTarget = useSharedValue(null);
   const scrollPosition = useSharedValue(0);
-  const position = useScrollViewOffset(scrollViewAnimatedRef);
+  const {
+    offset: position,
+    layout: scrollViewLayout,
+    size: scrollViewContentSize
+  } = useScrollState(scrollViewAnimatedRef);
   const currentKeyboardFrameHeight = useSharedValue(0);
   const keyboardHeight = useSharedValue(0);
   const keyboardWillAppear = useSharedValue(false);
@@ -88,6 +94,8 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
   } = useReanimatedFocusedInput();
   const layout = useSharedValue(null);
   const lastSelection = useSharedValue(null);
+  const ghostViewSpace = useSharedValue(-1);
+  const pendingSelectionForFocus = useSharedValue(false);
   const {
     height
   } = useWindowDimensions();
@@ -129,6 +137,18 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
     }
     return 0;
   }, [bottomOffset, enabled, height, snapToOffsets]);
+  const removeGhostPadding = useCallback(e => {
+    "worklet";
+    // new `ScrollViewWithBottomPadding` behavior: if we hide keyboard and we are in the end of `ScrollView`
+    // then we always need to scroll back, because we apply a padding that doesn't change layout, so we will
+    // not have auto scroll back in this case
+    if (!keyboardWillAppear.value && ghostViewSpace.value > 0) {
+      scrollTo(scrollViewAnimatedRef, 0, scrollPosition.value - interpolate(e, [initialKeyboardSize.value, keyboardHeight.value], [ghostViewSpace.value, 0]), false);
+      return true;
+    }
+    return false;
+  }, []);
   const performScrollWithPositionRestoration = useCallback(newPosition => {
     "worklet";
@@ -188,7 +208,17 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
     const latestSelection = (_lastSelection$value3 = lastSelection.value) === null || _lastSelection$value3 === void 0 ? void 0 : _lastSelection$value3.selection;
     lastSelection.value = e;
     if (e.target !== lastTarget) {
-      // ignore this event, because "focus changed" event handled in `useSmoothKeyboardHandler`
+      if (pendingSelectionForFocus.value) {
+        // selection arrived after onStart - complete the deferred setup
+        pendingSelectionForFocus.value = false;
+        updateLayoutFromSelection();
+        // if keyboard was already visible (focus change, no onMove expected),
+        // perform the deferred scroll now
+        if (!keyboardWillAppear.value && keyboardHeight.value > 0) {
+          position.value += maybeScroll(keyboardHeight.value, true);
+        }
+      }
       return;
     }
     // caret in the end + end coordinates has been changed -> we moved to a new line
@@ -201,7 +231,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
       return scrollFromCurrentPosition();
     }
     onChangeTextHandler();
-  }, [scrollFromCurrentPosition, onChangeTextHandler]);
+  }, [scrollFromCurrentPosition, onChangeTextHandler, updateLayoutFromSelection, maybeScroll]);
   useFocusedInputHandler({
     onSelectionChange: onSelectionChange
   }, [onSelectionChange]);
@@ -220,6 +250,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
         // on back transition need to interpolate as [0, keyboardHeight]
         initialKeyboardSize.value = 0;
         scrollPosition.value = scrollBeforeKeyboardMovement.value;
+        pendingSelectionForFocus.value = false;
       }
       if (keyboardWillAppear.value || keyboardWillChangeSize || focusWasChanged) {
         // persist scroll value
@@ -230,23 +261,44 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
       // focus was changed
       if (focusWasChanged) {
+        var _lastSelection$value4;
         tag.value = e.target;
-        // save position of focused text input when keyboard starts to move
-        updateLayoutFromSelection();
+        if (((_lastSelection$value4 = lastSelection.value) === null || _lastSelection$value4 === void 0 ? void 0 : _lastSelection$value4.target) === e.target) {
+          // selection arrived before onStart - use it to update layout
+          updateLayoutFromSelection();
+          pendingSelectionForFocus.value = false;
+        } else {
+          // selection hasn't arrived yet for the new target.
+          // use input layout as-is; will be refined when selection arrives.
+          if (input.value) {
+            layout.value = input.value;
+          }
+          pendingSelectionForFocus.value = true;
+        }
         // save current scroll position - when keyboard will hide we'll reuse
         // this value to achieve smooth hide effect
         scrollBeforeKeyboardMovement.value = position.value;
       }
       if (focusWasChanged && !keyboardWillAppear.value) {
-        // update position on scroll value, so `onEnd` handler
-        // will pick up correct values
-        position.value += maybeScroll(e.height, true);
+        if (!pendingSelectionForFocus.value) {
+          // update position on scroll value, so `onEnd` handler
+          // will pick up correct values
+          position.value += maybeScroll(e.height, true);
+        }
+      }
+      ghostViewSpace.value = position.value + scrollViewLayout.value.height - scrollViewContentSize.value.height;
+      if (ghostViewSpace.value > 0) {
+        scrollPosition.value = position.value;
       }
     },
     onMove: e => {
       "worklet";
       syncKeyboardFrame(e);
+      if (removeGhostPadding(e.height)) {
+        return;
+      }
       // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens
       if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {
@@ -256,11 +308,15 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
     onEnd: e => {
       "worklet";
+      removeGhostPadding(e.height);
       keyboardHeight.value = e.height;
       scrollPosition.value = position.value;
+      if (e.height === 0) {
+        lastSelection.value = null;
+      }
       syncKeyboardFrame(e);
     }
-  }, [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame]);
+  }, [maybeScroll, removeGhostPadding, disableScrollOnKeyboardHide, syncKeyboardFrame]);
   const synchronize = useCallback(async () => {
     await update();
     runOnUI(() => {
@@ -292,23 +348,22 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
       scrollFromCurrentPosition();
     }
   }, []);
-  const view = useAnimatedStyle(() => enabled ? {
-    // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
-    // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
-    // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
-    // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
-    // re-calculation on every animation frame and it helps to achieve smooth animation.
-    // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
-    paddingBottom: currentKeyboardFrameHeight.value + 1
-  } : {}, [enabled]);
-  return /*#__PURE__*/React.createElement(ScrollViewComponent, _extends({
+  // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
+  // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
+  // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
+  // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
+  // re-calculation on every animation frame and it helps to achieve smooth animation.
+  // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
+  const padding = useDerivedValue(() => enabled ? currentKeyboardFrameHeight.value + 1 : 0, [enabled]);
+  return /*#__PURE__*/React.createElement(ScrollViewWithBottomPadding, _extends({
     ref: onRef
   }, rest, {
+    bottomPadding: padding,
     scrollEventThrottle: 16,
+    ScrollViewComponent: ScrollViewComponent,
     onLayout: onScrollViewLayout
-  }), children, enabled && /*#__PURE__*/React.createElement(Reanimated.View, {
-    style: view
-  }));
+  }), children);
 });
 export default KeyboardAwareScrollView;
 //# sourceMappingURL=index.js.map

package/lib/module/components/KeyboardAwareScrollView/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useScrollViewOffset","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","findNodeHandle","useCombinedRef","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","scrollViewRef","useRef","onRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","update","layout","lastSelection","height","onScrollViewLayout","e","value","current","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","targetScrollY","Math","max","positionOnScreen","topOfScreen","performScrollWithPositionRestoration","newPosition","prevScroll","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","synchronize","scrollView","existingMethods","assureFocusedInputVisible","previous","view","paddingBottom","createElement","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n} from \"react\";\nimport Reanimated, {\n clamp,\n interpolate,\n runOnUI,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useScrollViewOffset,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\nimport useCombinedRef from \"../hooks/useCombinedRef\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type {\n FocusedInputLayoutChangedEvent,\n FocusedInputSelectionChangedEvent,\n NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. /\n bottomOffset?: number;\n /* Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. /\n disableScrollOnKeyboardHide?: boolean;\n /* Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. /\n enabled?: boolean;\n /* Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. /\n extraKeyboardSpace?: number;\n /* Custom component for `ScrollView`. Default is `ScrollView`. /\n ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\nexport type KeyboardAwareScrollViewRef = {\n assureFocusedInputVisible: () => void;\n} & ScrollView;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+ +============================+ +==================================+\n// + User Press on TextInput + => + Keyboard starts showing + => + As keyboard moves frame by frame + =>\n// + + + (run `onStart`) + + `onMove` is getting called +\n// +============================+ +============================+ +==================================+\n//\n// +============================+ +============================+ +=====================================+\n// + Keyboard is shown and we + => + User moved focus to + => + Only `onStart`/`onEnd` maybe called +\n// + call `onEnd` handler + + another `TextInput` + + (without involving `onMove`) +\n// +============================+ +============================+ +=====================================+\n//\n\n/\n A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n \n The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n \n @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view\|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n * <TextInput placeholder=\"Enter text\" />\n * <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n /\nconst KeyboardAwareScrollView = forwardRef<\n KeyboardAwareScrollViewRef,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n extraKeyboardSpace = 0,\n ScrollViewComponent = Reanimated.ScrollView,\n snapToOffsets,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewRef = React.useRef<ScrollView>(null);\n const onRef = useCombinedRef(scrollViewAnimatedRef, scrollViewRef);\n const scrollViewTarget = useSharedValue<number \| null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useScrollViewOffset(scrollViewAnimatedRef);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input, update } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent \| null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent \| null>(null);\n\n const { height } = useWindowDimensions();\n\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /\n Function that will scroll a ScrollView as keyboard gets moving.\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY \|\| 0;\n const inputHeight = layout.value?.layout.height \|\| 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (point < 0) {\n const positionOnScreen = visibleRect - bottomOffset;\n const topOfScreen = scrollPosition.value + point;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, height, snapToOffsets],\n );\n const performScrollWithPositionRestoration = useCallback(\n (newPosition: number) => {\n \"worklet\";\n\n const prevScroll = scrollPosition.value;\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = newPosition;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScroll;\n },\n [scrollPosition, keyboardHeight, maybeScroll],\n );\n const syncKeyboardFrame = useCallback(\n (e: NativeEvent) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n\n currentKeyboardFrameHeight.value = keyboardFrame;\n },\n [extraKeyboardSpace],\n );\n\n const updateLayoutFromSelection = useCallback(() => {\n \"worklet\";\n\n const customHeight = lastSelection.value?.selection.end.y;\n\n if (!input.value?.layout \|\| !customHeight) {\n return false;\n }\n\n layout.value = {\n ...input.value,\n layout: {\n ...input.value.layout,\n // when we have multiline input with limited amount of lines, then custom height can be very big\n // so we clamp it to max input height\n height: clamp(customHeight, 0, input.value.layout.height),\n },\n };\n\n return true;\n }, [input, lastSelection, layout]);\n const scrollFromCurrentPosition = useCallback(() => {\n \"worklet\";\n\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n performScrollWithPositionRestoration(position.value);\n\n layout.value = prevLayout;\n }, [performScrollWithPositionRestoration]);\n const onChangeText = useCallback(() => {\n \"worklet\";\n scrollFromCurrentPosition();\n }, [scrollFromCurrentPosition]);\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n const onSelectionChange = useCallback(\n (e: FocusedInputSelectionChangedEvent) => {\n \"worklet\";\n\n const lastTarget = lastSelection.value?.target;\n const latestSelection = lastSelection.value?.selection;\n\n lastSelection.value = e;\n\n if (e.target !== lastTarget) {\n // ignore this event, because \"focus changed\" event handled in `useSmoothKeyboardHandler`\n return;\n }\n // caret in the end + end coordinates has been changed -> we moved to a new line\n // so input may grow\n if (\n e.selection.end.position === e.selection.start.position &&\n latestSelection?.end.y !== e.selection.end.y\n ) {\n return scrollFromCurrentPosition();\n }\n // selection has been changed\n if (e.selection.start.position !== e.selection.end.position) {\n return scrollFromCurrentPosition();\n }\n\n onChangeTextHandler();\n },\n [scrollFromCurrentPosition, onChangeTextHandler],\n );\n\n useFocusedInputHandler(\n {\n onSelectionChange: onSelectionChange,\n },\n [onSelectionChange],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) \|\|\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value \|\|\n keyboardWillChangeSize \|\|\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n // save position of focused text input when keyboard starts to move\n updateLayoutFromSelection();\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n syncKeyboardFrame(e);\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide \|\| keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n\n syncKeyboardFrame(e);\n },\n },\n [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n );\n\n const synchronize = useCallback(async () => {\n await update();\n\n runOnUI(() => {\n \"worklet\";\n\n scrollFromCurrentPosition();\n })();\n }, [update, scrollFromCurrentPosition]);\n\n useImperativeHandle(\n ref,\n () => {\n const scrollView = scrollViewRef.current;\n\n const existingMethods = scrollView ? { ...scrollView } : {};\n\n return {\n ...existingMethods,\n\n assureFocusedInputVisible: () => {\n synchronize();\n },\n } as KeyboardAwareScrollViewRef;\n },\n [synchronize],\n );\n\n useEffect(() => {\n synchronize();\n }, [bottomOffset]);\n\n useAnimatedReaction(\n () => input.value,\n (current, previous) => {\n if (\n current?.target === previous?.target &&\n current?.layout.height !== previous?.layout.height\n ) {\n // input has changed layout - let's check if we need to scroll\n // may happen when you paste text, then onSelectionChange will be\n // fired earlier than text actually changes its layout\n scrollFromCurrentPosition();\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <ScrollViewComponent\n ref={onRef}\n {...rest}\n scrollEventThrottle={16}\n onLayout={onScrollViewLayout}\n >\n {children}\n {enabled && <Reanimated.View style={view} />}\n </ScrollViewComponent>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useDerivedValue","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","findNodeHandle","useCombinedRef","useScrollState","ScrollViewWithBottomPadding","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","scrollViewRef","useRef","onRef","scrollViewTarget","scrollPosition","offset","position","layout","scrollViewLayout","size","scrollViewContentSize","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","update","lastSelection","ghostViewSpace","pendingSelectionForFocus","height","onScrollViewLayout","e","value","current","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","targetScrollY","Math","max","positionOnScreen","topOfScreen","removeGhostPadding","performScrollWithPositionRestoration","newPosition","prevScroll","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","_lastSelection$value4","onMove","onEnd","synchronize","scrollView","existingMethods","assureFocusedInputVisible","previous","padding","createElement","_extends","bottomPadding","scrollEventThrottle"],"sources":["index.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n} from \"react\";\nimport Reanimated, {\n clamp,\n interpolate,\n runOnUI,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useDerivedValue,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport useScrollState from \"../hooks/useScrollState\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type { AnimatedScrollViewComponent } from \"../ScrollViewWithBottomPadding\";\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type {\n FocusedInputLayoutChangedEvent,\n FocusedInputSelectionChangedEvent,\n NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. /\n bottomOffset?: number;\n /* Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. /\n disableScrollOnKeyboardHide?: boolean;\n /* Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. /\n enabled?: boolean;\n /* Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. /\n extraKeyboardSpace?: number;\n /* Custom component for `ScrollView`. Default is `ScrollView`. /\n ScrollViewComponent?: AnimatedScrollViewComponent;\n} & ScrollViewProps;\nexport type KeyboardAwareScrollViewRef = {\n assureFocusedInputVisible: () => void;\n} & ScrollView;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+ +============================+ +==================================+\n// + User Press on TextInput + => + Keyboard starts showing + => + As keyboard moves frame by frame + =>\n// + + + (run `onStart`) + + `onMove` is getting called +\n// +============================+ +============================+ +==================================+\n//\n// +============================+ +============================+ +=====================================+\n// + Keyboard is shown and we + => + User moved focus to + => + Only `onStart`/`onEnd` maybe called +\n// + call `onEnd` handler + + another `TextInput` + + (without involving `onMove`) +\n// +============================+ +============================+ +=====================================+\n//\n\n/\n A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n \n The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n \n @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view\|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n * <TextInput placeholder=\"Enter text\" />\n * <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n /\nconst KeyboardAwareScrollView = forwardRef<\n KeyboardAwareScrollViewRef,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n extraKeyboardSpace = 0,\n ScrollViewComponent = Reanimated.ScrollView,\n snapToOffsets,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewRef = React.useRef<ScrollView>(null);\n const onRef = useCombinedRef(scrollViewAnimatedRef, scrollViewRef);\n const scrollViewTarget = useSharedValue<number \| null>(null);\n const scrollPosition = useSharedValue(0);\n const {\n offset: position,\n layout: scrollViewLayout,\n size: scrollViewContentSize,\n } = useScrollState(scrollViewAnimatedRef);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input, update } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent \| null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent \| null>(null);\n const ghostViewSpace = useSharedValue(-1);\n const pendingSelectionForFocus = useSharedValue(false);\n\n const { height } = useWindowDimensions();\n\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /\n Function that will scroll a ScrollView as keyboard gets moving.\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY \|\| 0;\n const inputHeight = layout.value?.layout.height \|\| 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (point < 0) {\n const positionOnScreen = visibleRect - bottomOffset;\n const topOfScreen = scrollPosition.value + point;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, height, snapToOffsets],\n );\n const removeGhostPadding = useCallback((e: number) => {\n \"worklet\";\n\n // new `ScrollViewWithBottomPadding` behavior: if we hide keyboard and we are in the end of `ScrollView`\n // then we always need to scroll back, because we apply a padding that doesn't change layout, so we will\n // not have auto scroll back in this case\n if (!keyboardWillAppear.value && ghostViewSpace.value > 0) {\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n scrollPosition.value -\n interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [ghostViewSpace.value, 0],\n ),\n false,\n );\n\n return true;\n }\n\n return false;\n }, []);\n const performScrollWithPositionRestoration = useCallback(\n (newPosition: number) => {\n \"worklet\";\n\n const prevScroll = scrollPosition.value;\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = newPosition;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScroll;\n },\n [scrollPosition, keyboardHeight, maybeScroll],\n );\n const syncKeyboardFrame = useCallback(\n (e: NativeEvent) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n\n currentKeyboardFrameHeight.value = keyboardFrame;\n },\n [extraKeyboardSpace],\n );\n\n const updateLayoutFromSelection = useCallback(() => {\n \"worklet\";\n\n const customHeight = lastSelection.value?.selection.end.y;\n\n if (!input.value?.layout \|\| !customHeight) {\n return false;\n }\n\n layout.value = {\n ...input.value,\n layout: {\n ...input.value.layout,\n // when we have multiline input with limited amount of lines, then custom height can be very big\n // so we clamp it to max input height\n height: clamp(customHeight, 0, input.value.layout.height),\n },\n };\n\n return true;\n }, [input, lastSelection, layout]);\n const scrollFromCurrentPosition = useCallback(() => {\n \"worklet\";\n\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n performScrollWithPositionRestoration(position.value);\n\n layout.value = prevLayout;\n }, [performScrollWithPositionRestoration]);\n const onChangeText = useCallback(() => {\n \"worklet\";\n scrollFromCurrentPosition();\n }, [scrollFromCurrentPosition]);\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n const onSelectionChange = useCallback(\n (e: FocusedInputSelectionChangedEvent) => {\n \"worklet\";\n\n const lastTarget = lastSelection.value?.target;\n const latestSelection = lastSelection.value?.selection;\n\n lastSelection.value = e;\n\n if (e.target !== lastTarget) {\n if (pendingSelectionForFocus.value) {\n // selection arrived after onStart - complete the deferred setup\n pendingSelectionForFocus.value = false;\n updateLayoutFromSelection();\n\n // if keyboard was already visible (focus change, no onMove expected),\n // perform the deferred scroll now\n if (!keyboardWillAppear.value && keyboardHeight.value > 0) {\n position.value += maybeScroll(keyboardHeight.value, true);\n }\n }\n\n return;\n }\n // caret in the end + end coordinates has been changed -> we moved to a new line\n // so input may grow\n if (\n e.selection.end.position === e.selection.start.position &&\n latestSelection?.end.y !== e.selection.end.y\n ) {\n return scrollFromCurrentPosition();\n }\n // selection has been changed\n if (e.selection.start.position !== e.selection.end.position) {\n return scrollFromCurrentPosition();\n }\n\n onChangeTextHandler();\n },\n [\n scrollFromCurrentPosition,\n onChangeTextHandler,\n updateLayoutFromSelection,\n maybeScroll,\n ],\n );\n\n useFocusedInputHandler(\n {\n onSelectionChange: onSelectionChange,\n },\n [onSelectionChange],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) \|\|\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n pendingSelectionForFocus.value = false;\n }\n\n if (\n keyboardWillAppear.value \|\|\n keyboardWillChangeSize \|\|\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n\n if (lastSelection.value?.target === e.target) {\n // selection arrived before onStart - use it to update layout\n updateLayoutFromSelection();\n pendingSelectionForFocus.value = false;\n } else {\n // selection hasn't arrived yet for the new target.\n // use input layout as-is; will be refined when selection arrives.\n if (input.value) {\n layout.value = input.value;\n }\n pendingSelectionForFocus.value = true;\n }\n\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n if (!pendingSelectionForFocus.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n }\n\n ghostViewSpace.value =\n position.value +\n scrollViewLayout.value.height -\n scrollViewContentSize.value.height;\n\n if (ghostViewSpace.value > 0) {\n scrollPosition.value = position.value;\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n syncKeyboardFrame(e);\n\n if (removeGhostPadding(e.height)) {\n return;\n }\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide \|\| keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n removeGhostPadding(e.height);\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n\n if (e.height === 0) {\n lastSelection.value = null;\n }\n\n syncKeyboardFrame(e);\n },\n },\n [\n maybeScroll,\n removeGhostPadding,\n disableScrollOnKeyboardHide,\n syncKeyboardFrame,\n ],\n );\n\n const synchronize = useCallback(async () => {\n await update();\n\n runOnUI(() => {\n \"worklet\";\n\n scrollFromCurrentPosition();\n })();\n }, [update, scrollFromCurrentPosition]);\n\n useImperativeHandle(\n ref,\n () => {\n const scrollView = scrollViewRef.current;\n\n const existingMethods = scrollView ? { ...scrollView } : {};\n\n return {\n ...existingMethods,\n\n assureFocusedInputVisible: () => {\n synchronize();\n },\n } as KeyboardAwareScrollViewRef;\n },\n [synchronize],\n );\n\n useEffect(() => {\n synchronize();\n }, [bottomOffset]);\n\n useAnimatedReaction(\n () => input.value,\n (current, previous) => {\n if (\n current?.target === previous?.target &&\n current?.layout.height !== previous?.layout.height\n ) {\n // input has changed layout - let's check if we need to scroll\n // may happen when you paste text, then onSelectionChange will be\n // fired earlier than text actually changes its layout\n scrollFromCurrentPosition();\n }\n },\n [],\n );\n\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n const padding = useDerivedValue(\n () => (enabled ? currentKeyboardFrameHeight.value + 1 : 0),\n [enabled],\n );\n\n return (\n <ScrollViewWithBottomPadding\n ref={onRef}\n {...rest}\n bottomPadding={padding}\n scrollEventThrottle={16}\n ScrollViewComponent={ScrollViewComponent}\n onLayout={onScrollViewLayout}\n >\n {children}\n </ScrollViewWithBottomPadding>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+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 } from "react-native-reanimated";
+import { ClippingScrollView } from "../../bindings";
+import styles from "./styles";
+const ReanimatedClippingScrollView = Platform.OS === "android" ? Reanimated.createAnimatedComponent(ClippingScrollView) : ClippingScrollView;
+const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
+  ScrollViewComponent,
+  bottomPadding,
+  contentInset,
+  children,
+  ...rest
+}, ref) => {
+  const animatedProps = useAnimatedProps(() => ({
+    // iOS prop
+    contentInset: {
+      bottom: bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0),
+      top: contentInset === null || contentInset === void 0 ? void 0 : contentInset.top,
+      right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
+      left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
+    },
+    // Android prop
+    contentInsetBottom: bottomPadding.value
+  }), [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]);
+  return /*#__PURE__*/React.createElement(ReanimatedClippingScrollView, {
+    animatedProps: animatedProps,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(ScrollViewComponent, _extends({
+    ref: ref,
+    animatedProps: animatedProps
+  }, rest), children));
+});
+export default ScrollViewWithBottomPadding;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["React","forwardRef","Platform","Reanimated","useAnimatedProps","ClippingScrollView","styles","ReanimatedClippingScrollView","OS","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","contentInset","children","rest","ref","animatedProps","bottom","value","top","right","left","contentInsetBottom","createElement","style","container","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, { useAnimatedProps } 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 ReanimatedClippingScrollView =\n Platform.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 bottomPadding: SharedValue<number>;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n Reanimated.ScrollView,\n ScrollViewWithBottomPaddingProps\n>(\n (\n { ScrollViewComponent, bottomPadding, contentInset, children, ...rest },\n ref,\n ) => {\n const animatedProps = useAnimatedProps(\n () => ({\n // iOS prop\n contentInset: {\n bottom: bottomPadding.value + (contentInset?.bottom || 0),\n top: contentInset?.top,\n right: contentInset?.right,\n left: contentInset?.left,\n },\n // Android prop\n contentInsetBottom: bottomPadding.value,\n }),\n [\n contentInset?.bottom,\n contentInset?.top,\n contentInset?.right,\n contentInset?.left,\n ],\n );\n\n return (\n <ReanimatedClippingScrollView\n animatedProps={animatedProps}\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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,UAAU,IAAIC,gBAAgB,QAAQ,yBAAyB;AAEtE,SAASC,kBAAkB,QAAQ,gBAAgB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAK7B,MAAMC,4BAA4B,GAChCL,QAAQ,CAACM,EAAE,KAAK,SAAS,GACrBL,UAAU,CAACM,uBAAuB,CAACJ,kBAAkB,CAAC,GACtDA,kBAAkB;AAgBxB,MAAMK,2BAA2B,gBAAGT,UAAU,CAI5C,CACE;EAAEU,mBAAmB;EAAEC,aAAa;EAAEC,YAAY;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACvEC,GAAG,KACA;EACH,MAAMC,aAAa,GAAGb,gBAAgB,CACpC,OAAO;IACL;IACAS,YAAY,EAAE;MACZK,MAAM,EAAEN,aAAa,CAACO,KAAK,IAAI,CAAAN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,MAAM,KAAI,CAAC,CAAC;MACzDE,GAAG,EAAEP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEO,GAAG;MACtBC,KAAK,EAAER,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEQ,KAAK;MAC1BC,IAAI,EAAET,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAES;IACtB,CAAC;IACD;IACAC,kBAAkB,EAAEX,aAAa,CAACO;EACpC,CAAC,CAAC,EACF,CACEN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,MAAM,EACpBL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEO,GAAG,EACjBP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEQ,KAAK,EACnBR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAES,IAAI,CAEtB,CAAC;EAED,oBACEtB,KAAA,CAAAwB,aAAA,CAACjB,4BAA4B;IAC3BU,aAAa,EAAEA,aAAc;IAC7BQ,KAAK,EAAEnB,MAAM,CAACoB;EAAU,gBAExB1B,KAAA,CAAAwB,aAAA,CAACb,mBAAmB,EAAAgB,QAAA;IAACX,GAAG,EAAEA,GAAI;IAACC,aAAa,EAAEA;EAAc,GAAKF,IAAI,GAClED,QACkB,CACO,CAAC;AAEnC,CACF,CAAC;AAED,eAAeJ,2BAA2B","ignoreList":[]}

package/lib/module/components/ScrollViewWithBottomPadding/styles.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { StyleSheet } from "react-native";
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ScrollViewWithBottomPadding/styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["StyleSheet","styles","create","container","flex"],"sources":["styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAeH,MAAM","ignoreList":[]}

package/lib/module/components/hooks/useScrollState.js ADDED Viewed

@@ -0,0 +1,37 @@
+import { useEffect } from "react";
+import { useEvent, useSharedValue } from "react-native-reanimated";
+import { useEventHandlerRegistration } from "../../internal";
+const NATIVE_SCROLL_EVENT_NAMES = ["onScroll", "onScrollBeginDrag", "onScrollEndDrag", "onMomentumScrollBegin", "onMomentumScrollEnd"];
+const useScrollState = ref => {
+  const offset = useSharedValue(0);
+  const layout = useSharedValue({
+    width: 0,
+    height: 0
+  });
+  const size = useSharedValue({
+    width: 0,
+    height: 0
+  });
+  const register = useEventHandlerRegistration(ref);
+  const eventHandler = useEvent(event => {
+    "worklet";
+    // eslint-disable-next-line react-compiler/react-compiler
+    offset.value = event.contentOffset.y;
+    layout.value = event.layoutMeasurement;
+    size.value = event.contentSize;
+  }, NATIVE_SCROLL_EVENT_NAMES);
+  useEffect(() => {
+    const cleanup = register(eventHandler);
+    return () => {
+      cleanup();
+    };
+  }, []);
+  return {
+    offset,
+    layout,
+    size
+  };
+};
+export default useScrollState;
+//# sourceMappingURL=useScrollState.js.map

package/lib/module/components/hooks/useScrollState.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["useEffect","useEvent","useSharedValue","useEventHandlerRegistration","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","layout","width","height","size","register","eventHandler","event","value","contentOffset","y","layoutMeasurement","contentSize","cleanup"],"sources":["useScrollState.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEvent, useSharedValue } from \"react-native-reanimated\";\n\nimport { useEventHandlerRegistration } from \"../../internal\";\n\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\nconst NATIVE_SCROLL_EVENT_NAMES = [\n \"onScroll\",\n \"onScrollBeginDrag\",\n \"onScrollEndDrag\",\n \"onMomentumScrollBegin\",\n \"onMomentumScrollEnd\",\n];\n\ntype ScrollEvent = {\n contentOffset: {\n x: number;\n y: number;\n };\n layoutMeasurement: {\n width: number;\n height: number;\n };\n contentSize: {\n width: number;\n height: number;\n };\n};\n\nconst useScrollState = (ref: AnimatedRef<Reanimated.ScrollView>) => {\n const offset = useSharedValue(0);\n const layout = useSharedValue({ width: 0, height: 0 });\n const size = useSharedValue({ width: 0, height: 0 });\n\n const register = useEventHandlerRegistration(ref);\n\n const eventHandler = useEvent((event: ScrollEvent) => {\n \"worklet\";\n\n // eslint-disable-next-line react-compiler/react-compiler\n offset.value = event.contentOffset.y;\n layout.value = event.layoutMeasurement;\n size.value = event.contentSize;\n }, NATIVE_SCROLL_EVENT_NAMES);\n\n useEffect(() => {\n const cleanup = register(eventHandler);\n\n return () => {\n cleanup();\n };\n }, []);\n\n return { offset, layout, size };\n};\n\nexport default useScrollState;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,EAAEC,cAAc,QAAQ,yBAAyB;AAElE,SAASC,2BAA2B,QAAQ,gBAAgB;AAK5D,MAAMC,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAGL,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGN,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGT,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAGT,2BAA2B,CAACG,GAAG,CAAC;EAEjD,MAAMO,YAAY,GAAGZ,QAAQ,CAAEa,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAP,MAAM,CAACQ,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCT,MAAM,CAACO,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCP,IAAI,CAACI,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAEf,yBAAyB,CAAC;EAE7BJ,SAAS,CAAC,MAAM;IACd,MAAMoB,OAAO,GAAGR,QAAQ,CAACC,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXO,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEb,MAAM;IAAEC,MAAM;IAAEG;EAAK,CAAC;AACjC,CAAC;AAED,eAAeN,cAAc","ignoreList":[]}

package/lib/module/specs/ClippingScrollViewDecoratorViewNativeComponent.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { codegenNativeComponent } from "react-native";
+export default codegenNativeComponent("ClippingScrollViewDecoratorView", {
+  interfaceOnly: true,
+  excludedPlatforms: ["iOS"]
+});
+//# sourceMappingURL=ClippingScrollViewDecoratorViewNativeComponent.js.map

package/lib/module/specs/ClippingScrollViewDecoratorViewNativeComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["codegenNativeComponent","interfaceOnly","excludedPlatforms"],"sources":["ClippingScrollViewDecoratorViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent } from \"react-native\";\n\nimport type { HostComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native\";\nimport type { Double } from \"react-native/Libraries/Types/CodegenTypes\";\n\nexport interface NativeProps extends ViewProps {\n contentInsetBottom: Double;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n \"ClippingScrollViewDecoratorView\",\n {\n interfaceOnly: true,\n excludedPlatforms: [\"iOS\"],\n },\n) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AAUrD,eAAeA,sBAAsB,CACnC,iCAAiC,EACjC;EACEC,aAAa,EAAE,IAAI;EACnBC,iBAAiB,EAAE,CAAC,KAAK;AAC3B,CACF,CAAC","ignoreList":[]}

package/lib/module/types/views.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /*\n Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n \n @platform android\n /\n interpolator?: \"ios\" \| \"linear\";\n /\n Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n \n @platform android\n /\n showOnSwipeUp?: boolean;\n /\n Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n \n @platform android\n /\n enableSwipeToDismiss?: boolean;\n /\n Extra distance to the keyboard.\n /\n offset?: number;\n /\n A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is required on iOS in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n \n @platform ios\n /\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /\n A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n /\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /* Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */\n enabled?: boolean;\n}>;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /*\n Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n \n @platform android\n /\n interpolator?: \"ios\" \| \"linear\";\n /\n Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n \n @platform android\n /\n showOnSwipeUp?: boolean;\n /\n Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n \n @platform android\n /\n enableSwipeToDismiss?: boolean;\n /\n Extra distance to the keyboard.\n /\n offset?: number;\n /\n A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is required on iOS in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n \n @platform ios\n /\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /\n A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n /\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /* Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. /\n enabled?: boolean;\n}>;\nexport type ClippingScrollViewProps = PropsWithChildren<\n ViewProps & {\n /* An additional space that gets applied to the bottom of the `ScrollView` (inside a scrollable content). Default is `0`. */\n contentInsetBottom?: number;\n }\n>;\n"],"mappings":"","ignoreList":[]}

package/lib/typescript/bindings.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { FocusedInputEventsModule, KeyboardBackgroundViewProps, KeyboardControllerNativeModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardExtenderProps, KeyboardGestureAreaProps, OverKeyboardViewProps, WindowDimensionsEventsModule } from "./types";
+import type { ClippingScrollViewProps, FocusedInputEventsModule, KeyboardBackgroundViewProps, KeyboardControllerNativeModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardExtenderProps, KeyboardGestureAreaProps, OverKeyboardViewProps, WindowDimensionsEventsModule } from "./types";
 export declare const KeyboardControllerNative: KeyboardControllerNativeModule;
 /**
  * An event emitter that provides a way to subscribe to next keyboard events:
@@ -45,3 +45,9 @@ export declare const KeyboardBackgroundView: React.FC<KeyboardBackgroundViewProp
  * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-extender|Documentation} page for more details.
  */
 export declare const RCTKeyboardExtender: React.FC<KeyboardExtenderProps>;
+/**
+ * A decorator that will clip the content of the `ScrollView`. It helps to simulate `contentInset` behavior on Android.
+ * Supports only `bottom` property (`paddingBottom` is not supported property of `ScrollView.style`).
+ * Using this component we can modify bottom inset without having a fake view.
+ */
+export declare const ClippingScrollView: React.FC<ClippingScrollViewProps>;

package/lib/typescript/bindings.native.d.ts CHANGED Viewed

@@ -13,3 +13,4 @@ export declare const KeyboardGestureArea: React.FC<KeyboardGestureAreaProps>;
 export declare const RCTOverKeyboardView: React.FC<OverKeyboardViewProps>;
 export declare const KeyboardBackgroundView: React.FC<KeyboardBackgroundViewProps>;
 export declare const RCTKeyboardExtender: React.FC<KeyboardExtenderProps>;
+export declare const ClippingScrollView: React.FC<KeyboardBackgroundViewProps>;

package/lib/typescript/components/KeyboardAwareScrollView/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from "react";
+import type { AnimatedScrollViewComponent } from "../ScrollViewWithBottomPadding";
 import type { ScrollView, ScrollViewProps } from "react-native";
 export type KeyboardAwareScrollViewProps = {
     /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. */
@@ -10,7 +11,7 @@ export type KeyboardAwareScrollViewProps = {
     /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */
     extraKeyboardSpace?: number;
     /** Custom component for `ScrollView`. Default is `ScrollView`. */
-    ScrollViewComponent?: React.ComponentType<ScrollViewProps>;
+    ScrollViewComponent?: AnimatedScrollViewComponent;
 } & ScrollViewProps;
 export type KeyboardAwareScrollViewRef = {
     assureFocusedInputVisible: () => void;
@@ -42,7 +43,7 @@ declare const KeyboardAwareScrollView: React.ForwardRefExoticComponent<{
     /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */
     extraKeyboardSpace?: number;
     /** Custom component for `ScrollView`. Default is `ScrollView`. */
-    ScrollViewComponent?: React.ComponentType<ScrollViewProps>;
+    ScrollViewComponent?: AnimatedScrollViewComponent;
 } & ScrollViewProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<KeyboardAwareScrollViewRef>>;

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

@@ -0,0 +1,12 @@
+import React from "react";
+import Reanimated from "react-native-reanimated";
+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>>;
+declare const ScrollViewWithBottomPadding: React.ForwardRefExoticComponent<{
+    ScrollViewComponent: AnimatedScrollViewComponent;
+    children?: React.ReactNode;
+    bottomPadding: SharedValue<number>;
+} & ScrollViewProps & React.RefAttributes<Reanimated.ScrollView>>;
+export default ScrollViewWithBottomPadding;

package/lib/typescript/components/ScrollViewWithBottomPadding/styles.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+declare const styles: {
+    container: {
+        flex: number;
+    };
+};
+export default styles;

package/lib/typescript/components/hooks/useScrollState.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { AnimatedRef } from "react-native-reanimated";
+import type Reanimated from "react-native-reanimated";
+declare const useScrollState: (ref: AnimatedRef<Reanimated.ScrollView>) => {
+    offset: import("react-native-reanimated").SharedValue<number>;
+    layout: import("react-native-reanimated").SharedValue<{
+        width: number;
+        height: number;
+    }>;
+    size: import("react-native-reanimated").SharedValue<{
+        width: number;
+        height: number;
+    }>;
+};
+export default useScrollState;

package/lib/typescript/specs/ClippingScrollViewDecoratorViewNativeComponent.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { HostComponent } from "react-native";
+import type { ViewProps } from "react-native";
+import type { Double } from "react-native/Libraries/Types/CodegenTypes";
+export interface NativeProps extends ViewProps {
+    contentInsetBottom: Double;
+}
+declare const _default: HostComponent<NativeProps>;
+export default _default;

package/lib/typescript/types/views.d.ts CHANGED Viewed

@@ -48,3 +48,7 @@ export type KeyboardExtenderProps = PropsWithChildren<{
     /** Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. */
     enabled?: boolean;
 }>;
+export type ClippingScrollViewProps = PropsWithChildren<ViewProps & {
+    /** An additional space that gets applied to the bottom of the `ScrollView` (inside a scrollable content). Default is `0`. */
+    contentInsetBottom?: number;
+}>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.20.7",
+  "version": "1.21.0-beta.0",
   "description": "Keyboard manager which works in identical way on both iOS and Android",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -41,7 +41,7 @@
     "typescript": "tsc --noEmit --project tsconfig.build.json",
     "lint": "eslint --quiet \"**/*.{js,ts,tsx}\"",
     "lint-clang": "find ios/ -iname *.h -o -iname *.m -o -iname *.mm | grep -v -e Pods -e build | xargs clang-format -i -n --Werror",
-    "prepare": "bob build > /dev/null 2>&1",
+    "prepare": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
     "pods": "cd example && pod-install --quiet",
@@ -187,5 +187,6 @@
         "KeyboardExtender": "KeyboardExtender"
       }
     }
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }