react-native-keyboard-controller 1.19.5 → 1.19.6
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.
- package/android/src/turbo/java/com/reactnativekeyboardcontroller/KeyboardControllerPackage.kt +1 -0
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js +13 -8
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/index.js +13 -8
- package/lib/module/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/KeyboardAwareScrollView/index.tsx +19 -7
|
@@ -140,6 +140,16 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
140
140
|
}
|
|
141
141
|
return 0;
|
|
142
142
|
}, [bottomOffset, enabled, height, snapToOffsets]);
|
|
143
|
+
const performScrollWithPositionRestoration = (0, _react.useCallback)(newPosition => {
|
|
144
|
+
"worklet";
|
|
145
|
+
|
|
146
|
+
const prevScroll = scrollPosition.value;
|
|
147
|
+
|
|
148
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
149
|
+
scrollPosition.value = newPosition;
|
|
150
|
+
maybeScroll(keyboardHeight.value, true);
|
|
151
|
+
scrollPosition.value = prevScroll;
|
|
152
|
+
}, [scrollPosition, keyboardHeight, maybeScroll]);
|
|
143
153
|
const syncKeyboardFrame = (0, _react.useCallback)(e => {
|
|
144
154
|
"worklet";
|
|
145
155
|
|
|
@@ -168,18 +178,13 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
168
178
|
const scrollFromCurrentPosition = (0, _react.useCallback)(() => {
|
|
169
179
|
"worklet";
|
|
170
180
|
|
|
171
|
-
const prevScrollPosition = scrollPosition.value;
|
|
172
181
|
const prevLayout = layout.value;
|
|
173
182
|
if (!updateLayoutFromSelection()) {
|
|
174
183
|
return;
|
|
175
184
|
}
|
|
176
|
-
|
|
177
|
-
// eslint-disable-next-line react-compiler/react-compiler
|
|
178
|
-
scrollPosition.value = position.value;
|
|
179
|
-
maybeScroll(keyboardHeight.value, true);
|
|
180
|
-
scrollPosition.value = prevScrollPosition;
|
|
185
|
+
performScrollWithPositionRestoration(position.value);
|
|
181
186
|
layout.value = prevLayout;
|
|
182
|
-
}, [
|
|
187
|
+
}, [performScrollWithPositionRestoration]);
|
|
183
188
|
const onChangeText = (0, _react.useCallback)(() => {
|
|
184
189
|
"worklet";
|
|
185
190
|
|
|
@@ -268,7 +273,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
268
273
|
}
|
|
269
274
|
}, [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame]);
|
|
270
275
|
(0, _react.useEffect)(() => {
|
|
271
|
-
(0, _reactNativeReanimated.runOnUI)(
|
|
276
|
+
(0, _reactNativeReanimated.runOnUI)(performScrollWithPositionRestoration)(scrollBeforeKeyboardMovement.value);
|
|
272
277
|
}, [bottomOffset]);
|
|
273
278
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => input.value, (current, previous) => {
|
|
274
279
|
if ((current === null || current === void 0 ? void 0 : current.target) === (previous === null || previous === void 0 ? void 0 : previous.target) && (current === null || current === void 0 ? void 0 : current.layout.height) !== (previous === null || previous === void 0 ? void 0 : previous.layout.height)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_findNodeHandle","_useSmoothKeyboardHandler","_utils","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","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","lastSelection","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","clamp","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useEffect","runOnUI","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } 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\";\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;\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 ScrollView,\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 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 } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\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 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 prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = position.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\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 useEffect(() => {\n runOnUI(maybeScroll)(keyboardHeight.value, true);\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","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_findNodeHandle","_useSmoothKeyboardHandler","_utils","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","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","lastSelection","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","performScrollWithPositionRestoration","newPosition","prevScroll","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","clamp","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useEffect","runOnUI","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } 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\";\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;\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 ScrollView,\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 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 } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\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 useEffect(() => {\n runOnUI(performScrollWithPositionRestoration)(\n scrollBeforeKeyboardMovement.value,\n );\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":[]}
|
|
@@ -133,6 +133,16 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
|
|
|
133
133
|
}
|
|
134
134
|
return 0;
|
|
135
135
|
}, [bottomOffset, enabled, height, snapToOffsets]);
|
|
136
|
+
const performScrollWithPositionRestoration = useCallback(newPosition => {
|
|
137
|
+
"worklet";
|
|
138
|
+
|
|
139
|
+
const prevScroll = scrollPosition.value;
|
|
140
|
+
|
|
141
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
142
|
+
scrollPosition.value = newPosition;
|
|
143
|
+
maybeScroll(keyboardHeight.value, true);
|
|
144
|
+
scrollPosition.value = prevScroll;
|
|
145
|
+
}, [scrollPosition, keyboardHeight, maybeScroll]);
|
|
136
146
|
const syncKeyboardFrame = useCallback(e => {
|
|
137
147
|
"worklet";
|
|
138
148
|
|
|
@@ -161,18 +171,13 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
|
|
|
161
171
|
const scrollFromCurrentPosition = useCallback(() => {
|
|
162
172
|
"worklet";
|
|
163
173
|
|
|
164
|
-
const prevScrollPosition = scrollPosition.value;
|
|
165
174
|
const prevLayout = layout.value;
|
|
166
175
|
if (!updateLayoutFromSelection()) {
|
|
167
176
|
return;
|
|
168
177
|
}
|
|
169
|
-
|
|
170
|
-
// eslint-disable-next-line react-compiler/react-compiler
|
|
171
|
-
scrollPosition.value = position.value;
|
|
172
|
-
maybeScroll(keyboardHeight.value, true);
|
|
173
|
-
scrollPosition.value = prevScrollPosition;
|
|
178
|
+
performScrollWithPositionRestoration(position.value);
|
|
174
179
|
layout.value = prevLayout;
|
|
175
|
-
}, [
|
|
180
|
+
}, [performScrollWithPositionRestoration]);
|
|
176
181
|
const onChangeText = useCallback(() => {
|
|
177
182
|
"worklet";
|
|
178
183
|
|
|
@@ -261,7 +266,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
|
|
|
261
266
|
}
|
|
262
267
|
}, [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame]);
|
|
263
268
|
useEffect(() => {
|
|
264
|
-
runOnUI(
|
|
269
|
+
runOnUI(performScrollWithPositionRestoration)(scrollBeforeKeyboardMovement.value);
|
|
265
270
|
}, [bottomOffset]);
|
|
266
271
|
useAnimatedReaction(() => input.value, (current, previous) => {
|
|
267
272
|
if ((current === null || current === void 0 ? void 0 : current.target) === (previous === null || previous === void 0 ? void 0 : previous.target) && (current === null || current === void 0 ? void 0 : current.layout.height) !== (previous === null || previous === void 0 ? void 0 : previous.layout.height)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useScrollViewOffset","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","findNodeHandle","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","lastSelection","height","onRef","assignedRef","current","onScrollViewLayout","e","value","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","targetScrollY","Math","max","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","previous","view","paddingBottom","createElement","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } 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\";\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;\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 ScrollView,\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 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 } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\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 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 prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n if (!updateLayoutFromSelection()) {\n return;\n }\n\n // eslint-disable-next-line react-compiler/react-compiler\n scrollPosition.value = position.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\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 useEffect(() => {\n runOnUI(maybeScroll)(keyboardHeight.value, true);\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","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useScrollViewOffset","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","findNodeHandle","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","lastSelection","height","onRef","assignedRef","current","onScrollViewLayout","e","value","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","previous","view","paddingBottom","createElement","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } 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\";\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;\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 ScrollView,\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 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 } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n const lastSelection =\n useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\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 useEffect(() => {\n runOnUI(performScrollWithPositionRestoration)(\n scrollBeforeKeyboardMovement.value,\n );\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":[]}
|
package/package.json
CHANGED
|
@@ -210,6 +210,19 @@ const KeyboardAwareScrollView = forwardRef<
|
|
|
210
210
|
},
|
|
211
211
|
[bottomOffset, enabled, height, snapToOffsets],
|
|
212
212
|
);
|
|
213
|
+
const performScrollWithPositionRestoration = useCallback(
|
|
214
|
+
(newPosition: number) => {
|
|
215
|
+
"worklet";
|
|
216
|
+
|
|
217
|
+
const prevScroll = scrollPosition.value;
|
|
218
|
+
|
|
219
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
220
|
+
scrollPosition.value = newPosition;
|
|
221
|
+
maybeScroll(keyboardHeight.value, true);
|
|
222
|
+
scrollPosition.value = prevScroll;
|
|
223
|
+
},
|
|
224
|
+
[scrollPosition, keyboardHeight, maybeScroll],
|
|
225
|
+
);
|
|
213
226
|
const syncKeyboardFrame = useCallback(
|
|
214
227
|
(e: NativeEvent) => {
|
|
215
228
|
"worklet";
|
|
@@ -249,19 +262,16 @@ const KeyboardAwareScrollView = forwardRef<
|
|
|
249
262
|
const scrollFromCurrentPosition = useCallback(() => {
|
|
250
263
|
"worklet";
|
|
251
264
|
|
|
252
|
-
const prevScrollPosition = scrollPosition.value;
|
|
253
265
|
const prevLayout = layout.value;
|
|
254
266
|
|
|
255
267
|
if (!updateLayoutFromSelection()) {
|
|
256
268
|
return;
|
|
257
269
|
}
|
|
258
270
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
maybeScroll(keyboardHeight.value, true);
|
|
262
|
-
scrollPosition.value = prevScrollPosition;
|
|
271
|
+
performScrollWithPositionRestoration(position.value);
|
|
272
|
+
|
|
263
273
|
layout.value = prevLayout;
|
|
264
|
-
}, [
|
|
274
|
+
}, [performScrollWithPositionRestoration]);
|
|
265
275
|
const onChangeText = useCallback(() => {
|
|
266
276
|
"worklet";
|
|
267
277
|
scrollFromCurrentPosition();
|
|
@@ -383,7 +393,9 @@ const KeyboardAwareScrollView = forwardRef<
|
|
|
383
393
|
);
|
|
384
394
|
|
|
385
395
|
useEffect(() => {
|
|
386
|
-
runOnUI(
|
|
396
|
+
runOnUI(performScrollWithPositionRestoration)(
|
|
397
|
+
scrollBeforeKeyboardMovement.value,
|
|
398
|
+
);
|
|
387
399
|
}, [bottomOffset]);
|
|
388
400
|
|
|
389
401
|
useAnimatedReaction(
|