react-native-keyboard-controller 1.21.1 → 1.21.2
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/lib/commonjs/architecture.js +8 -0
- package/lib/commonjs/architecture.js.map +1 -0
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js +3 -9
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardChatScrollView/index.js +1 -0
- package/lib/commonjs/components/KeyboardChatScrollView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardChatScrollView/useExtraContentPadding/index.js +22 -2
- package/lib/commonjs/components/KeyboardChatScrollView/useExtraContentPadding/index.js.map +1 -1
- package/lib/commonjs/components/ScrollViewWithBottomPadding/styles.js +2 -1
- package/lib/commonjs/components/ScrollViewWithBottomPadding/styles.js.map +1 -1
- package/lib/module/architecture.js +2 -0
- package/lib/module/architecture.js.map +1 -0
- package/lib/module/components/KeyboardAwareScrollView/index.js +3 -9
- package/lib/module/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/module/components/KeyboardChatScrollView/index.js +1 -0
- package/lib/module/components/KeyboardChatScrollView/index.js.map +1 -1
- package/lib/module/components/KeyboardChatScrollView/useExtraContentPadding/index.js +22 -2
- package/lib/module/components/KeyboardChatScrollView/useExtraContentPadding/index.js.map +1 -1
- package/lib/module/components/ScrollViewWithBottomPadding/styles.js +2 -1
- package/lib/module/components/ScrollViewWithBottomPadding/styles.js.map +1 -1
- package/lib/typescript/architecture.d.ts +1 -0
- package/lib/typescript/components/KeyboardChatScrollView/useExtraContentPadding/index.d.ts +2 -0
- package/lib/typescript/components/ScrollViewWithBottomPadding/styles.d.ts +2 -1
- package/package.json +1 -1
- package/src/architecture.ts +1 -0
- package/src/components/KeyboardAwareScrollView/index.tsx +3 -8
- package/src/components/KeyboardChatScrollView/index.tsx +1 -0
- package/src/components/KeyboardChatScrollView/useExtraContentPadding/index.ts +28 -2
- package/src/components/ScrollViewWithBottomPadding/styles.ts +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["IS_FABRIC","exports","global"],"sources":["architecture.ts"],"sourcesContent":["export const IS_FABRIC = \"nativeFabricUIManager\" in global;\n"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,uBAAuB,IAAIE,MAAM","ignoreList":[]}
|
|
@@ -274,11 +274,12 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
274
274
|
pendingSelectionForFocus.value = false;
|
|
275
275
|
}
|
|
276
276
|
if (keyboardWillAppear.value || keyboardWillChangeSize || focusWasChanged) {
|
|
277
|
-
syncKeyboardFrame(e);
|
|
278
277
|
// persist scroll value
|
|
279
278
|
scrollPosition.value = position.value;
|
|
280
279
|
// just persist height - later will be used in interpolation
|
|
281
280
|
keyboardHeight.value = e.height;
|
|
281
|
+
// and update keyboard spacer size
|
|
282
|
+
syncKeyboardFrame(e);
|
|
282
283
|
}
|
|
283
284
|
|
|
284
285
|
// focus was changed
|
|
@@ -372,14 +373,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
372
373
|
scrollFromCurrentPosition();
|
|
373
374
|
}
|
|
374
375
|
}, []);
|
|
375
|
-
|
|
376
|
-
// animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
|
|
377
|
-
// this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
|
|
378
|
-
// by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
|
|
379
|
-
// from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
|
|
380
|
-
// re-calculation on every animation frame and it helps to achieve smooth animation.
|
|
381
|
-
// see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
|
|
382
|
-
const padding = (0, _reactNativeReanimated.useDerivedValue)(() => enabled ? currentKeyboardFrameHeight.value + 1 : 0, [enabled]);
|
|
376
|
+
const padding = (0, _reactNativeReanimated.useDerivedValue)(() => enabled ? currentKeyboardFrameHeight.value : 0, [enabled]);
|
|
383
377
|
return /*#__PURE__*/_react.default.createElement(_ScrollViewWithBottomPadding.default, _extends({
|
|
384
378
|
ref: onRef
|
|
385
379
|
}, rest, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_bindings","_hooks","_findNodeHandle","_useCombinedRef","_interopRequireDefault","_useScrollState","_ScrollViewWithBottomPadding","_useSmoothKeyboardHandler","_utils","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewRef","React","useRef","onRef","useCombinedRef","scrollViewTarget","useSharedValue","scrollPosition","offset","position","layout","scrollViewLayout","size","scrollViewContentSize","useScrollState","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","update","useReanimatedFocusedInput","lastSelection","ghostViewSpace","pendingSelectionForFocus","scrollViewPageY","height","useWindowDimensions","onScrollViewLayout","useCallback","handle","findNodeHandle","current","value","y","KeyboardControllerNative","viewPositionInWindow","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","removeGhostPadding","performScrollWithPositionRestoration","newPosition","prevScroll","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","clamp","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","_lastSelection$value4","onMove","onEnd","synchronize","runOnUI","useImperativeHandle","scrollView","scrollViewWithMethods","assureFocusedInputVisible","useEffect","useAnimatedReaction","previous","padding","useDerivedValue","createElement","bottomPadding","scrollEventThrottle","_default","exports"],"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 { KeyboardControllerNative } from \"../../bindings\";\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 const scrollViewPageY = useSharedValue(0);\n\n const { height } = useWindowDimensions();\n\n const onScrollViewLayout = useCallback(\n async (e: LayoutChangeEvent) => {\n const handle = findNodeHandle(scrollViewAnimatedRef.current);\n\n scrollViewTarget.value = handle;\n\n onLayout?.(e);\n\n if (handle !== null) {\n try {\n const { y } = await KeyboardControllerNative.viewPositionInWindow(\n handle,\n );\n\n scrollViewPageY.value = y;\n } catch {\n // ignore\n }\n }\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 < scrollViewPageY.value) {\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 syncKeyboardFrame(e);\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 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 if (scrollView) {\n const scrollViewWithMethods =\n scrollView as KeyboardAwareScrollViewRef;\n\n scrollViewWithMethods.assureFocusedInputVisible = () => {\n synchronize();\n };\n\n return scrollViewWithMethods;\n }\n\n return {\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":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_bindings","_hooks","_findNodeHandle","_useCombinedRef","_interopRequireDefault","_useScrollState","_ScrollViewWithBottomPadding","_useSmoothKeyboardHandler","_utils","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewRef","React","useRef","onRef","useCombinedRef","scrollViewTarget","useSharedValue","scrollPosition","offset","position","layout","scrollViewLayout","size","scrollViewContentSize","useScrollState","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","update","useReanimatedFocusedInput","lastSelection","ghostViewSpace","pendingSelectionForFocus","scrollViewPageY","height","useWindowDimensions","onScrollViewLayout","useCallback","handle","findNodeHandle","current","value","y","KeyboardControllerNative","viewPositionInWindow","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","removeGhostPadding","performScrollWithPositionRestoration","newPosition","prevScroll","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","clamp","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","_lastSelection$value4","onMove","onEnd","synchronize","runOnUI","useImperativeHandle","scrollView","scrollViewWithMethods","assureFocusedInputVisible","useEffect","useAnimatedReaction","previous","padding","useDerivedValue","createElement","bottomPadding","scrollEventThrottle","_default","exports"],"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 { KeyboardControllerNative } from \"../../bindings\";\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 const scrollViewPageY = useSharedValue(0);\n\n const { height } = useWindowDimensions();\n\n const onScrollViewLayout = useCallback(\n async (e: LayoutChangeEvent) => {\n const handle = findNodeHandle(scrollViewAnimatedRef.current);\n\n scrollViewTarget.value = handle;\n\n onLayout?.(e);\n\n if (handle !== null) {\n try {\n const { y } = await KeyboardControllerNative.viewPositionInWindow(\n handle,\n );\n\n scrollViewPageY.value = y;\n } catch {\n // ignore\n }\n }\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 < scrollViewPageY.value) {\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 // and update keyboard spacer size\n syncKeyboardFrame(e);\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 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 if (scrollView) {\n const scrollViewWithMethods =\n scrollView as KeyboardAwareScrollViewRef;\n\n scrollViewWithMethods.assureFocusedInputVisible = () => {\n synchronize();\n };\n\n return scrollViewWithMethods;\n }\n\n return {\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 padding = useDerivedValue(\n () => (enabled ? currentKeyboardFrameHeight.value : 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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCombinedRef","_interopRequireDefault","_ScrollViewWithBottomPadding","_useChatKeyboard","_useExtraContentPadding","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ZERO_CONTENT_PADDING","makeMutable","ZERO_BLANK_SPACE","KeyboardChatScrollView","forwardRef","children","ScrollViewComponent","Reanimated","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","useAnimatedRef","onRef","useCombinedRef","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","useChatKeyboard","useExtraContentPadding","keyboardPadding","totalPadding","useDerivedValue","Math","max","value","indicatorPadding","useCallback","w","h","commitStyle","useAnimatedStyle","transform","translateY","commit","useMemo","styles","commitView","createElement","Fragment","bottomPadding","scrollIndicatorPadding","View","style","StyleSheet","create","display","position","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n makeMutable,\n useAnimatedRef,\n useAnimatedStyle,\n useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n Reanimated.ScrollView,\n React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n (\n {\n children,\n ScrollViewComponent = Reanimated.ScrollView,\n inverted = false,\n keyboardLiftBehavior = \"always\",\n freeze = false,\n offset = 0,\n extraContentPadding = ZERO_CONTENT_PADDING,\n blankSpace = ZERO_BLANK_SPACE,\n applyWorkaroundForContentInsetHitTestBug = false,\n onLayout: onLayoutProp,\n onContentSizeChange: onContentSizeChangeProp,\n ...rest\n },\n ref,\n ) => {\n const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n const onRef = useCombinedRef(ref, scrollViewRef);\n const {\n padding,\n currentHeight,\n contentOffsetY,\n scroll,\n layout,\n size,\n onLayout: onLayoutInternal,\n onContentSizeChange: onContentSizeChangeInternal,\n } = useChatKeyboard(scrollViewRef, {\n inverted,\n keyboardLiftBehavior,\n freeze,\n offset,\n blankSpace,\n extraContentPadding,\n });\n\n useExtraContentPadding({\n scrollViewRef,\n extraContentPadding,\n keyboardPadding: padding,\n blankSpace,\n scroll,\n layout,\n size,\n inverted,\n keyboardLiftBehavior,\n freeze,\n });\n\n const totalPadding = useDerivedValue(() =>\n Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n );\n\n // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n // Apps that render into the unsafe area can supply a negative\n // scrollIndicatorInsets adjustment at the application layer.\n const indicatorPadding = useDerivedValue(\n () => padding.value + extraContentPadding.value,\n );\n\n const onLayout = useCallback(\n (e: LayoutChangeEvent) => {\n onLayoutInternal(e);\n onLayoutProp?.(e);\n },\n [onLayoutInternal, onLayoutProp],\n );\n\n const onContentSizeChange = useCallback(\n (w: number, h: number) => {\n onContentSizeChangeInternal(w, h);\n onContentSizeChangeProp?.(w, h);\n },\n [onContentSizeChangeInternal, onContentSizeChangeProp],\n );\n\n // Invisible view whose animated style changes every frame during keyboard\n // animation. On Fabric, this forces Reanimated to schedule a commit,\n // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n const commitStyle = useAnimatedStyle(\n () => ({\n transform: [{ translateY: -currentHeight.value }],\n }),\n [],\n );\n const commit = useMemo(\n () => [styles.commitView, commitStyle],\n [commitStyle],\n );\n\n return (\n <>\n <ScrollViewWithBottomPadding\n ref={onRef}\n {...rest}\n applyWorkaroundForContentInsetHitTestBug={\n applyWorkaroundForContentInsetHitTestBug\n }\n bottomPadding={totalPadding}\n contentOffsetY={contentOffsetY}\n inverted={inverted}\n scrollIndicatorPadding={indicatorPadding}\n ScrollViewComponent={ScrollViewComponent}\n onContentSizeChange={onContentSizeChange}\n onLayout={onLayout}\n >\n {children}\n </ScrollViewWithBottomPadding>\n <Reanimated.View style={commit} />\n </>\n );\n },\n);\n\nconst styles = StyleSheet.create({\n commitView: {\n display: \"none\",\n position: \"absolute\",\n },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCombinedRef","_interopRequireDefault","_ScrollViewWithBottomPadding","_useChatKeyboard","_useExtraContentPadding","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ZERO_CONTENT_PADDING","makeMutable","ZERO_BLANK_SPACE","KeyboardChatScrollView","forwardRef","children","ScrollViewComponent","Reanimated","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","useAnimatedRef","onRef","useCombinedRef","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","useChatKeyboard","useExtraContentPadding","keyboardPadding","totalPadding","useDerivedValue","Math","max","value","indicatorPadding","useCallback","w","h","commitStyle","useAnimatedStyle","transform","translateY","commit","useMemo","styles","commitView","createElement","Fragment","bottomPadding","scrollIndicatorPadding","View","style","StyleSheet","create","display","position","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n makeMutable,\n useAnimatedRef,\n useAnimatedStyle,\n useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n Reanimated.ScrollView,\n React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n (\n {\n children,\n ScrollViewComponent = Reanimated.ScrollView,\n inverted = false,\n keyboardLiftBehavior = \"always\",\n freeze = false,\n offset = 0,\n extraContentPadding = ZERO_CONTENT_PADDING,\n blankSpace = ZERO_BLANK_SPACE,\n applyWorkaroundForContentInsetHitTestBug = false,\n onLayout: onLayoutProp,\n onContentSizeChange: onContentSizeChangeProp,\n ...rest\n },\n ref,\n ) => {\n const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n const onRef = useCombinedRef(ref, scrollViewRef);\n const {\n padding,\n currentHeight,\n contentOffsetY,\n scroll,\n layout,\n size,\n onLayout: onLayoutInternal,\n onContentSizeChange: onContentSizeChangeInternal,\n } = useChatKeyboard(scrollViewRef, {\n inverted,\n keyboardLiftBehavior,\n freeze,\n offset,\n blankSpace,\n extraContentPadding,\n });\n\n useExtraContentPadding({\n scrollViewRef,\n extraContentPadding,\n keyboardPadding: padding,\n blankSpace,\n scroll,\n layout,\n size,\n contentOffsetY,\n inverted,\n keyboardLiftBehavior,\n freeze,\n });\n\n const totalPadding = useDerivedValue(() =>\n Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n );\n\n // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n // Apps that render into the unsafe area can supply a negative\n // scrollIndicatorInsets adjustment at the application layer.\n const indicatorPadding = useDerivedValue(\n () => padding.value + extraContentPadding.value,\n );\n\n const onLayout = useCallback(\n (e: LayoutChangeEvent) => {\n onLayoutInternal(e);\n onLayoutProp?.(e);\n },\n [onLayoutInternal, onLayoutProp],\n );\n\n const onContentSizeChange = useCallback(\n (w: number, h: number) => {\n onContentSizeChangeInternal(w, h);\n onContentSizeChangeProp?.(w, h);\n },\n [onContentSizeChangeInternal, onContentSizeChangeProp],\n );\n\n // Invisible view whose animated style changes every frame during keyboard\n // animation. On Fabric, this forces Reanimated to schedule a commit,\n // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n const commitStyle = useAnimatedStyle(\n () => ({\n transform: [{ translateY: -currentHeight.value }],\n }),\n [],\n );\n const commit = useMemo(\n () => [styles.commitView, commitStyle],\n [commitStyle],\n );\n\n return (\n <>\n <ScrollViewWithBottomPadding\n ref={onRef}\n {...rest}\n applyWorkaroundForContentInsetHitTestBug={\n applyWorkaroundForContentInsetHitTestBug\n }\n bottomPadding={totalPadding}\n contentOffsetY={contentOffsetY}\n inverted={inverted}\n scrollIndicatorPadding={indicatorPadding}\n ScrollViewComponent={ScrollViewComponent}\n onContentSizeChange={onContentSizeChange}\n onLayout={onLayout}\n >\n {children}\n </ScrollViewWithBottomPadding>\n <Reanimated.View style={commit} />\n </>\n );\n },\n);\n\nconst styles = StyleSheet.create({\n commitView: {\n display: \"none\",\n position: \"absolute\",\n },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.useExtraContentPadding = useExtraContentPadding;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
7
9
|
var _reactNativeReanimated = require("react-native-reanimated");
|
|
10
|
+
var _architecture = require("../../../architecture");
|
|
8
11
|
var _helpers = require("../useChatKeyboard/helpers");
|
|
9
12
|
/**
|
|
10
13
|
* Hook that reacts to `extraContentPadding` changes and conditionally
|
|
@@ -29,10 +32,27 @@ function useExtraContentPadding(options) {
|
|
|
29
32
|
scroll,
|
|
30
33
|
layout,
|
|
31
34
|
size,
|
|
35
|
+
contentOffsetY,
|
|
32
36
|
inverted,
|
|
33
37
|
keyboardLiftBehavior,
|
|
34
38
|
freeze
|
|
35
39
|
} = options;
|
|
40
|
+
const scrollToTarget = (0, _react.useCallback)(target => {
|
|
41
|
+
"worklet";
|
|
42
|
+
|
|
43
|
+
if (contentOffsetY && _architecture.IS_FABRIC) {
|
|
44
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
45
|
+
contentOffsetY.value = target;
|
|
46
|
+
} else if (_reactNative.Platform.OS === "android") {
|
|
47
|
+
// Defer scrollTo so the animatedProps inset commit lands first;
|
|
48
|
+
// otherwise the native ScrollView clamps to the old range.
|
|
49
|
+
requestAnimationFrame(() => {
|
|
50
|
+
(0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, target, false);
|
|
51
|
+
});
|
|
52
|
+
} else {
|
|
53
|
+
(0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, target, false);
|
|
54
|
+
}
|
|
55
|
+
}, [scrollViewRef, contentOffsetY]);
|
|
36
56
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => extraContentPadding.value, (current, previous) => {
|
|
37
57
|
if (freeze || previous === null) {
|
|
38
58
|
return;
|
|
@@ -61,11 +81,11 @@ function useExtraContentPadding(options) {
|
|
|
61
81
|
}
|
|
62
82
|
if (inverted) {
|
|
63
83
|
const target = Math.max(scroll.value - effectiveDelta, -currentTotal);
|
|
64
|
-
(
|
|
84
|
+
scrollToTarget(target);
|
|
65
85
|
} else {
|
|
66
86
|
const maxScroll = Math.max(size.value.height - layout.value.height + currentTotal, 0);
|
|
67
87
|
const target = Math.min(scroll.value + effectiveDelta, maxScroll);
|
|
68
|
-
(
|
|
88
|
+
scrollToTarget(target);
|
|
69
89
|
}
|
|
70
90
|
}, [inverted, keyboardLiftBehavior, freeze]);
|
|
71
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_architecture","_helpers","useExtraContentPadding","options","scrollViewRef","extraContentPadding","keyboardPadding","blankSpace","scroll","layout","size","contentOffsetY","inverted","keyboardLiftBehavior","freeze","scrollToTarget","useCallback","target","IS_FABRIC","value","Platform","OS","requestAnimationFrame","scrollTo","useAnimatedReaction","current","previous","rawDelta","previousTotal","Math","max","currentTotal","effectiveDelta","atEnd","isScrollAtEnd","height","shouldShiftContent","maxScroll","min"],"sources":["index.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { Platform } from \"react-native\";\nimport { scrollTo, useAnimatedReaction } from \"react-native-reanimated\";\n\nimport { IS_FABRIC } from \"../../../architecture\";\nimport { isScrollAtEnd, shouldShiftContent } from \"../useChatKeyboard/helpers\";\n\nimport type { KeyboardLiftBehavior } from \"../useChatKeyboard/types\";\nimport type { AnimatedRef, SharedValue } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\ntype UseExtraContentPaddingOptions = {\n scrollViewRef: AnimatedRef<Reanimated.ScrollView>;\n extraContentPadding: SharedValue<number>;\n /** Keyboard-only padding from useChatKeyboard — used to compute total padding for clamping. */\n keyboardPadding: SharedValue<number>;\n /** Minimum inset floor — used to absorb keyboard and extraContentPadding changes. */\n blankSpace: SharedValue<number>;\n /** Current vertical scroll offset. */\n scroll: SharedValue<number>;\n /** Visible viewport dimensions. */\n layout: SharedValue<{ width: number; height: number }>;\n /** Total content dimensions. */\n size: SharedValue<{ width: number; height: number }>;\n /** IOS only — when provided, sets contentOffset atomically with contentInset. */\n contentOffsetY?: SharedValue<number>;\n inverted: boolean;\n keyboardLiftBehavior: KeyboardLiftBehavior;\n freeze: boolean;\n};\n\n/**\n * Hook that reacts to `extraContentPadding` changes and conditionally\n * adjusts the scroll position using `scrollTo` on both iOS and Android.\n *\n * Padding extension (scrollable range) is handled externally via a\n * `useDerivedValue` that sums keyboard padding + extra content padding.\n * This hook only handles the scroll correction.\n *\n * @param options - Configuration and shared values.\n * @example\n * ```tsx\n * useExtraContentPadding({ scrollViewRef, extraContentPadding, ... });\n * ```\n */\nfunction useExtraContentPadding(options: UseExtraContentPaddingOptions): void {\n const {\n scrollViewRef,\n extraContentPadding,\n keyboardPadding,\n blankSpace,\n scroll,\n layout,\n size,\n contentOffsetY,\n inverted,\n keyboardLiftBehavior,\n freeze,\n } = options;\n\n const scrollToTarget = useCallback(\n (target: number) => {\n \"worklet\";\n\n if (contentOffsetY && IS_FABRIC) {\n // eslint-disable-next-line react-compiler/react-compiler\n contentOffsetY.value = target;\n } else if (Platform.OS === \"android\") {\n // Defer scrollTo so the animatedProps inset commit lands first;\n // otherwise the native ScrollView clamps to the old range.\n requestAnimationFrame(() => {\n scrollTo(scrollViewRef, 0, target, false);\n });\n } else {\n scrollTo(scrollViewRef, 0, target, false);\n }\n },\n [scrollViewRef, contentOffsetY],\n );\n\n useAnimatedReaction(\n () => extraContentPadding.value,\n (current, previous) => {\n if (freeze || previous === null) {\n return;\n }\n\n const rawDelta = current - previous;\n\n if (rawDelta === 0) {\n return;\n }\n\n // Compute effective delta considering blankSpace floor\n const previousTotal = Math.max(\n blankSpace.value,\n keyboardPadding.value + previous,\n );\n const currentTotal = Math.max(\n blankSpace.value,\n keyboardPadding.value + current,\n );\n const effectiveDelta = currentTotal - previousTotal;\n\n if (effectiveDelta === 0) {\n // blankSpace absorbed the change\n return;\n }\n\n const atEnd = isScrollAtEnd(\n scroll.value,\n layout.value.height,\n size.value.height,\n inverted,\n );\n\n // \"persistent\": scroll on grow, hold position on shrink (unless at end)\n if (\n keyboardLiftBehavior === \"persistent\" &&\n effectiveDelta < 0 &&\n !atEnd\n ) {\n return;\n }\n\n if (!shouldShiftContent(keyboardLiftBehavior, atEnd)) {\n return;\n }\n\n if (inverted) {\n const target = Math.max(scroll.value - effectiveDelta, -currentTotal);\n\n scrollToTarget(target);\n } else {\n const maxScroll = Math.max(\n size.value.height - layout.value.height + currentTotal,\n 0,\n );\n const target = Math.min(scroll.value + effectiveDelta, maxScroll);\n\n scrollToTarget(target);\n }\n },\n [inverted, keyboardLiftBehavior, freeze],\n );\n}\n\nexport { useExtraContentPadding };\nexport type { UseExtraContentPaddingOptions };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","styles","StyleSheet","create","container","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","styles","StyleSheet","create","container","flexGrow","flexShrink","_default","exports","default"],"sources":["styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n container: {\n flexGrow: 1,\n flexShrink: 1,\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYR,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["IS_FABRIC","global"],"sources":["architecture.ts"],"sourcesContent":["export const IS_FABRIC = \"nativeFabricUIManager\" in global;\n"],"mappings":"AAAA,OAAO,MAAMA,SAAS,GAAG,uBAAuB,IAAIC,MAAM","ignoreList":[]}
|
|
@@ -266,11 +266,12 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
|
|
|
266
266
|
pendingSelectionForFocus.value = false;
|
|
267
267
|
}
|
|
268
268
|
if (keyboardWillAppear.value || keyboardWillChangeSize || focusWasChanged) {
|
|
269
|
-
syncKeyboardFrame(e);
|
|
270
269
|
// persist scroll value
|
|
271
270
|
scrollPosition.value = position.value;
|
|
272
271
|
// just persist height - later will be used in interpolation
|
|
273
272
|
keyboardHeight.value = e.height;
|
|
273
|
+
// and update keyboard spacer size
|
|
274
|
+
syncKeyboardFrame(e);
|
|
274
275
|
}
|
|
275
276
|
|
|
276
277
|
// focus was changed
|
|
@@ -364,14 +365,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
|
|
|
364
365
|
scrollFromCurrentPosition();
|
|
365
366
|
}
|
|
366
367
|
}, []);
|
|
367
|
-
|
|
368
|
-
// animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
|
|
369
|
-
// this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
|
|
370
|
-
// by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
|
|
371
|
-
// from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
|
|
372
|
-
// re-calculation on every animation frame and it helps to achieve smooth animation.
|
|
373
|
-
// see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
|
|
374
|
-
const padding = useDerivedValue(() => enabled ? currentKeyboardFrameHeight.value + 1 : 0, [enabled]);
|
|
368
|
+
const padding = useDerivedValue(() => enabled ? currentKeyboardFrameHeight.value : 0, [enabled]);
|
|
375
369
|
return /*#__PURE__*/React.createElement(ScrollViewWithBottomPadding, _extends({
|
|
376
370
|
ref: onRef
|
|
377
371
|
}, rest, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useDerivedValue","useSharedValue","KeyboardControllerNative","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","scrollViewPageY","height","onScrollViewLayout","e","handle","current","value","y","viewPositionInWindow","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","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","_lastSelection$value4","onMove","onEnd","synchronize","scrollView","scrollViewWithMethods","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 { KeyboardControllerNative } from \"../../bindings\";\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 const scrollViewPageY = useSharedValue(0);\n\n const { height } = useWindowDimensions();\n\n const onScrollViewLayout = useCallback(\n async (e: LayoutChangeEvent) => {\n const handle = findNodeHandle(scrollViewAnimatedRef.current);\n\n scrollViewTarget.value = handle;\n\n onLayout?.(e);\n\n if (handle !== null) {\n try {\n const { y } = await KeyboardControllerNative.viewPositionInWindow(\n handle,\n );\n\n scrollViewPageY.value = y;\n } catch {\n // ignore\n }\n }\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 < scrollViewPageY.value) {\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 syncKeyboardFrame(e);\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 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 if (scrollView) {\n const scrollViewWithMethods =\n scrollView as KeyboardAwareScrollViewRef;\n\n scrollViewWithMethods.assureFocusedInputVisible = () => {\n synchronize();\n };\n\n return scrollViewWithMethods;\n }\n\n return {\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":[]}
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","Reanimated","clamp","interpolate","runOnUI","scrollTo","useAnimatedReaction","useAnimatedRef","useDerivedValue","useSharedValue","KeyboardControllerNative","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","scrollViewPageY","height","onScrollViewLayout","e","handle","current","value","y","viewPositionInWindow","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","scrollFromCurrentPosition","prevLayout","onChangeText","onChangeTextHandler","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","_lastSelection$value4","onMove","onEnd","synchronize","scrollView","scrollViewWithMethods","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 { KeyboardControllerNative } from \"../../bindings\";\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 const scrollViewPageY = useSharedValue(0);\n\n const { height } = useWindowDimensions();\n\n const onScrollViewLayout = useCallback(\n async (e: LayoutChangeEvent) => {\n const handle = findNodeHandle(scrollViewAnimatedRef.current);\n\n scrollViewTarget.value = handle;\n\n onLayout?.(e);\n\n if (handle !== null) {\n try {\n const { y } = await KeyboardControllerNative.viewPositionInWindow(\n handle,\n );\n\n scrollViewPageY.value = y;\n } catch {\n // ignore\n }\n }\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 < scrollViewPageY.value) {\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 // and update keyboard spacer size\n syncKeyboardFrame(e);\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 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 if (scrollView) {\n const scrollViewWithMethods =\n scrollView as KeyboardAwareScrollViewRef;\n\n scrollViewWithMethods.assureFocusedInputVisible = () => {\n synchronize();\n };\n\n return scrollViewWithMethods;\n }\n\n return {\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 padding = useDerivedValue(\n () => (enabled ? currentKeyboardFrameHeight.value : 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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useMemo","StyleSheet","makeMutable","useAnimatedRef","useAnimatedStyle","useDerivedValue","Reanimated","useCombinedRef","ScrollViewWithBottomPadding","useChatKeyboard","useExtraContentPadding","ZERO_CONTENT_PADDING","ZERO_BLANK_SPACE","KeyboardChatScrollView","children","ScrollViewComponent","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","onRef","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","keyboardPadding","totalPadding","Math","max","value","indicatorPadding","e","w","h","commitStyle","transform","translateY","commit","styles","commitView","createElement","Fragment","_extends","bottomPadding","scrollIndicatorPadding","View","style","create","display","position"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n makeMutable,\n useAnimatedRef,\n useAnimatedStyle,\n useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n Reanimated.ScrollView,\n React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n (\n {\n children,\n ScrollViewComponent = Reanimated.ScrollView,\n inverted = false,\n keyboardLiftBehavior = \"always\",\n freeze = false,\n offset = 0,\n extraContentPadding = ZERO_CONTENT_PADDING,\n blankSpace = ZERO_BLANK_SPACE,\n applyWorkaroundForContentInsetHitTestBug = false,\n onLayout: onLayoutProp,\n onContentSizeChange: onContentSizeChangeProp,\n ...rest\n },\n ref,\n ) => {\n const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n const onRef = useCombinedRef(ref, scrollViewRef);\n const {\n padding,\n currentHeight,\n contentOffsetY,\n scroll,\n layout,\n size,\n onLayout: onLayoutInternal,\n onContentSizeChange: onContentSizeChangeInternal,\n } = useChatKeyboard(scrollViewRef, {\n inverted,\n keyboardLiftBehavior,\n freeze,\n offset,\n blankSpace,\n extraContentPadding,\n });\n\n useExtraContentPadding({\n scrollViewRef,\n extraContentPadding,\n keyboardPadding: padding,\n blankSpace,\n scroll,\n layout,\n size,\n inverted,\n keyboardLiftBehavior,\n freeze,\n });\n\n const totalPadding = useDerivedValue(() =>\n Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n );\n\n // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n // Apps that render into the unsafe area can supply a negative\n // scrollIndicatorInsets adjustment at the application layer.\n const indicatorPadding = useDerivedValue(\n () => padding.value + extraContentPadding.value,\n );\n\n const onLayout = useCallback(\n (e: LayoutChangeEvent) => {\n onLayoutInternal(e);\n onLayoutProp?.(e);\n },\n [onLayoutInternal, onLayoutProp],\n );\n\n const onContentSizeChange = useCallback(\n (w: number, h: number) => {\n onContentSizeChangeInternal(w, h);\n onContentSizeChangeProp?.(w, h);\n },\n [onContentSizeChangeInternal, onContentSizeChangeProp],\n );\n\n // Invisible view whose animated style changes every frame during keyboard\n // animation. On Fabric, this forces Reanimated to schedule a commit,\n // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n const commitStyle = useAnimatedStyle(\n () => ({\n transform: [{ translateY: -currentHeight.value }],\n }),\n [],\n );\n const commit = useMemo(\n () => [styles.commitView, commitStyle],\n [commitStyle],\n );\n\n return (\n <>\n <ScrollViewWithBottomPadding\n ref={onRef}\n {...rest}\n applyWorkaroundForContentInsetHitTestBug={\n applyWorkaroundForContentInsetHitTestBug\n }\n bottomPadding={totalPadding}\n contentOffsetY={contentOffsetY}\n inverted={inverted}\n scrollIndicatorPadding={indicatorPadding}\n ScrollViewComponent={ScrollViewComponent}\n onContentSizeChange={onContentSizeChange}\n onLayout={onLayout}\n >\n {children}\n </ScrollViewWithBottomPadding>\n <Reanimated.View style={commit} />\n </>\n );\n },\n);\n\nconst styles = StyleSheet.create({\n commitView: {\n display: \"none\",\n position: \"absolute\",\n },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAChC,OAAOC,UAAU,MAAM,yBAAyB;AAEhD,OAAOC,cAAc,MAAM,yBAAyB;AACpD,OAAOC,2BAA2B,MAAM,gCAAgC;AAExE,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,sBAAsB,QAAQ,0BAA0B;AAKjE,MAAMC,oBAAoB,GAAGT,WAAW,CAAC,CAAC,CAAC;AAC3C,MAAMU,gBAAgB,GAAGV,WAAW,CAAC,CAAC,CAAC;AAEvC,MAAMW,sBAAsB,gBAAGf,UAAU,CAIvC,CACE;EACEgB,QAAQ;EACRC,mBAAmB,GAAGT,UAAU,CAACU,UAAU;EAC3CC,QAAQ,GAAG,KAAK;EAChBC,oBAAoB,GAAG,QAAQ;EAC/BC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAG,CAAC;EACVC,mBAAmB,GAAGV,oBAAoB;EAC1CW,UAAU,GAAGV,gBAAgB;EAC7BW,wCAAwC,GAAG,KAAK;EAChDC,QAAQ,EAAEC,YAAY;EACtBC,mBAAmB,EAAEC,uBAAuB;EAC5C,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG3B,cAAc,CAAwB,CAAC;EAC7D,MAAM4B,KAAK,GAAGxB,cAAc,CAACsB,GAAG,EAAEC,aAAa,CAAC;EAChD,MAAM;IACJE,OAAO;IACPC,aAAa;IACbC,cAAc;IACdC,MAAM;IACNC,MAAM;IACNC,IAAI;IACJb,QAAQ,EAAEc,gBAAgB;IAC1BZ,mBAAmB,EAAEa;EACvB,CAAC,GAAG9B,eAAe,CAACqB,aAAa,EAAE;IACjCb,QAAQ;IACRC,oBAAoB;IACpBC,MAAM;IACNC,MAAM;IACNE,UAAU;IACVD;EACF,CAAC,CAAC;EAEFX,sBAAsB,CAAC;IACrBoB,aAAa;IACbT,mBAAmB;IACnBmB,eAAe,EAAER,OAAO;IACxBV,UAAU;IACVa,MAAM;IACNC,MAAM;IACNC,IAAI;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useMemo","StyleSheet","makeMutable","useAnimatedRef","useAnimatedStyle","useDerivedValue","Reanimated","useCombinedRef","ScrollViewWithBottomPadding","useChatKeyboard","useExtraContentPadding","ZERO_CONTENT_PADDING","ZERO_BLANK_SPACE","KeyboardChatScrollView","children","ScrollViewComponent","ScrollView","inverted","keyboardLiftBehavior","freeze","offset","extraContentPadding","blankSpace","applyWorkaroundForContentInsetHitTestBug","onLayout","onLayoutProp","onContentSizeChange","onContentSizeChangeProp","rest","ref","scrollViewRef","onRef","padding","currentHeight","contentOffsetY","scroll","layout","size","onLayoutInternal","onContentSizeChangeInternal","keyboardPadding","totalPadding","Math","max","value","indicatorPadding","e","w","h","commitStyle","transform","translateY","commit","styles","commitView","createElement","Fragment","_extends","bottomPadding","scrollIndicatorPadding","View","style","create","display","position"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport {\n makeMutable,\n useAnimatedRef,\n useAnimatedStyle,\n useDerivedValue,\n} from \"react-native-reanimated\";\nimport Reanimated from \"react-native-reanimated\";\n\nimport useCombinedRef from \"../hooks/useCombinedRef\";\nimport ScrollViewWithBottomPadding from \"../ScrollViewWithBottomPadding\";\n\nimport { useChatKeyboard } from \"./useChatKeyboard\";\nimport { useExtraContentPadding } from \"./useExtraContentPadding\";\n\nimport type { KeyboardChatScrollViewProps } from \"./types\";\nimport type { LayoutChangeEvent } from \"react-native\";\n\nconst ZERO_CONTENT_PADDING = makeMutable(0);\nconst ZERO_BLANK_SPACE = makeMutable(0);\n\nconst KeyboardChatScrollView = forwardRef<\n Reanimated.ScrollView,\n React.PropsWithChildren<KeyboardChatScrollViewProps>\n>(\n (\n {\n children,\n ScrollViewComponent = Reanimated.ScrollView,\n inverted = false,\n keyboardLiftBehavior = \"always\",\n freeze = false,\n offset = 0,\n extraContentPadding = ZERO_CONTENT_PADDING,\n blankSpace = ZERO_BLANK_SPACE,\n applyWorkaroundForContentInsetHitTestBug = false,\n onLayout: onLayoutProp,\n onContentSizeChange: onContentSizeChangeProp,\n ...rest\n },\n ref,\n ) => {\n const scrollViewRef = useAnimatedRef<Reanimated.ScrollView>();\n const onRef = useCombinedRef(ref, scrollViewRef);\n const {\n padding,\n currentHeight,\n contentOffsetY,\n scroll,\n layout,\n size,\n onLayout: onLayoutInternal,\n onContentSizeChange: onContentSizeChangeInternal,\n } = useChatKeyboard(scrollViewRef, {\n inverted,\n keyboardLiftBehavior,\n freeze,\n offset,\n blankSpace,\n extraContentPadding,\n });\n\n useExtraContentPadding({\n scrollViewRef,\n extraContentPadding,\n keyboardPadding: padding,\n blankSpace,\n scroll,\n layout,\n size,\n contentOffsetY,\n inverted,\n keyboardLiftBehavior,\n freeze,\n });\n\n const totalPadding = useDerivedValue(() =>\n Math.max(blankSpace.value, padding.value + extraContentPadding.value),\n );\n\n // Scroll indicator inset = keyboard + extraContentPadding (excludes blankSpace).\n // Apps that render into the unsafe area can supply a negative\n // scrollIndicatorInsets adjustment at the application layer.\n const indicatorPadding = useDerivedValue(\n () => padding.value + extraContentPadding.value,\n );\n\n const onLayout = useCallback(\n (e: LayoutChangeEvent) => {\n onLayoutInternal(e);\n onLayoutProp?.(e);\n },\n [onLayoutInternal, onLayoutProp],\n );\n\n const onContentSizeChange = useCallback(\n (w: number, h: number) => {\n onContentSizeChangeInternal(w, h);\n onContentSizeChangeProp?.(w, h);\n },\n [onContentSizeChangeInternal, onContentSizeChangeProp],\n );\n\n // Invisible view whose animated style changes every frame during keyboard\n // animation. On Fabric, this forces Reanimated to schedule a commit,\n // which flushes the scrollTo call in the same frame (fixing de-synchronization).\n // see https://github.com/software-mansion/react-native-reanimated/issues/9000\n const commitStyle = useAnimatedStyle(\n () => ({\n transform: [{ translateY: -currentHeight.value }],\n }),\n [],\n );\n const commit = useMemo(\n () => [styles.commitView, commitStyle],\n [commitStyle],\n );\n\n return (\n <>\n <ScrollViewWithBottomPadding\n ref={onRef}\n {...rest}\n applyWorkaroundForContentInsetHitTestBug={\n applyWorkaroundForContentInsetHitTestBug\n }\n bottomPadding={totalPadding}\n contentOffsetY={contentOffsetY}\n inverted={inverted}\n scrollIndicatorPadding={indicatorPadding}\n ScrollViewComponent={ScrollViewComponent}\n onContentSizeChange={onContentSizeChange}\n onLayout={onLayout}\n >\n {children}\n </ScrollViewWithBottomPadding>\n <Reanimated.View style={commit} />\n </>\n );\n },\n);\n\nconst styles = StyleSheet.create({\n commitView: {\n display: \"none\",\n position: \"absolute\",\n },\n});\n\nexport default KeyboardChatScrollView;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
import { useCallback } from "react";
|
|
2
|
+
import { Platform } from "react-native";
|
|
1
3
|
import { scrollTo, useAnimatedReaction } from "react-native-reanimated";
|
|
4
|
+
import { IS_FABRIC } from "../../../architecture";
|
|
2
5
|
import { isScrollAtEnd, shouldShiftContent } from "../useChatKeyboard/helpers";
|
|
3
6
|
/**
|
|
4
7
|
* Hook that reacts to `extraContentPadding` changes and conditionally
|
|
@@ -23,10 +26,27 @@ function useExtraContentPadding(options) {
|
|
|
23
26
|
scroll,
|
|
24
27
|
layout,
|
|
25
28
|
size,
|
|
29
|
+
contentOffsetY,
|
|
26
30
|
inverted,
|
|
27
31
|
keyboardLiftBehavior,
|
|
28
32
|
freeze
|
|
29
33
|
} = options;
|
|
34
|
+
const scrollToTarget = useCallback(target => {
|
|
35
|
+
"worklet";
|
|
36
|
+
|
|
37
|
+
if (contentOffsetY && IS_FABRIC) {
|
|
38
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
39
|
+
contentOffsetY.value = target;
|
|
40
|
+
} else if (Platform.OS === "android") {
|
|
41
|
+
// Defer scrollTo so the animatedProps inset commit lands first;
|
|
42
|
+
// otherwise the native ScrollView clamps to the old range.
|
|
43
|
+
requestAnimationFrame(() => {
|
|
44
|
+
scrollTo(scrollViewRef, 0, target, false);
|
|
45
|
+
});
|
|
46
|
+
} else {
|
|
47
|
+
scrollTo(scrollViewRef, 0, target, false);
|
|
48
|
+
}
|
|
49
|
+
}, [scrollViewRef, contentOffsetY]);
|
|
30
50
|
useAnimatedReaction(() => extraContentPadding.value, (current, previous) => {
|
|
31
51
|
if (freeze || previous === null) {
|
|
32
52
|
return;
|
|
@@ -55,11 +75,11 @@ function useExtraContentPadding(options) {
|
|
|
55
75
|
}
|
|
56
76
|
if (inverted) {
|
|
57
77
|
const target = Math.max(scroll.value - effectiveDelta, -currentTotal);
|
|
58
|
-
|
|
78
|
+
scrollToTarget(target);
|
|
59
79
|
} else {
|
|
60
80
|
const maxScroll = Math.max(size.value.height - layout.value.height + currentTotal, 0);
|
|
61
81
|
const target = Math.min(scroll.value + effectiveDelta, maxScroll);
|
|
62
|
-
|
|
82
|
+
scrollToTarget(target);
|
|
63
83
|
}
|
|
64
84
|
}, [inverted, keyboardLiftBehavior, freeze]);
|
|
65
85
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["scrollTo","useAnimatedReaction","isScrollAtEnd","shouldShiftContent","useExtraContentPadding","options","scrollViewRef","extraContentPadding","keyboardPadding","blankSpace","scroll","layout","size","inverted","keyboardLiftBehavior","freeze","value","current","previous","rawDelta","previousTotal","Math","max","currentTotal","effectiveDelta","atEnd","height","
|
|
1
|
+
{"version":3,"names":["useCallback","Platform","scrollTo","useAnimatedReaction","IS_FABRIC","isScrollAtEnd","shouldShiftContent","useExtraContentPadding","options","scrollViewRef","extraContentPadding","keyboardPadding","blankSpace","scroll","layout","size","contentOffsetY","inverted","keyboardLiftBehavior","freeze","scrollToTarget","target","value","OS","requestAnimationFrame","current","previous","rawDelta","previousTotal","Math","max","currentTotal","effectiveDelta","atEnd","height","maxScroll","min"],"sources":["index.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { Platform } from \"react-native\";\nimport { scrollTo, useAnimatedReaction } from \"react-native-reanimated\";\n\nimport { IS_FABRIC } from \"../../../architecture\";\nimport { isScrollAtEnd, shouldShiftContent } from \"../useChatKeyboard/helpers\";\n\nimport type { KeyboardLiftBehavior } from \"../useChatKeyboard/types\";\nimport type { AnimatedRef, SharedValue } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\ntype UseExtraContentPaddingOptions = {\n scrollViewRef: AnimatedRef<Reanimated.ScrollView>;\n extraContentPadding: SharedValue<number>;\n /** Keyboard-only padding from useChatKeyboard — used to compute total padding for clamping. */\n keyboardPadding: SharedValue<number>;\n /** Minimum inset floor — used to absorb keyboard and extraContentPadding changes. */\n blankSpace: SharedValue<number>;\n /** Current vertical scroll offset. */\n scroll: SharedValue<number>;\n /** Visible viewport dimensions. */\n layout: SharedValue<{ width: number; height: number }>;\n /** Total content dimensions. */\n size: SharedValue<{ width: number; height: number }>;\n /** IOS only — when provided, sets contentOffset atomically with contentInset. */\n contentOffsetY?: SharedValue<number>;\n inverted: boolean;\n keyboardLiftBehavior: KeyboardLiftBehavior;\n freeze: boolean;\n};\n\n/**\n * Hook that reacts to `extraContentPadding` changes and conditionally\n * adjusts the scroll position using `scrollTo` on both iOS and Android.\n *\n * Padding extension (scrollable range) is handled externally via a\n * `useDerivedValue` that sums keyboard padding + extra content padding.\n * This hook only handles the scroll correction.\n *\n * @param options - Configuration and shared values.\n * @example\n * ```tsx\n * useExtraContentPadding({ scrollViewRef, extraContentPadding, ... });\n * ```\n */\nfunction useExtraContentPadding(options: UseExtraContentPaddingOptions): void {\n const {\n scrollViewRef,\n extraContentPadding,\n keyboardPadding,\n blankSpace,\n scroll,\n layout,\n size,\n contentOffsetY,\n inverted,\n keyboardLiftBehavior,\n freeze,\n } = options;\n\n const scrollToTarget = useCallback(\n (target: number) => {\n \"worklet\";\n\n if (contentOffsetY && IS_FABRIC) {\n // eslint-disable-next-line react-compiler/react-compiler\n contentOffsetY.value = target;\n } else if (Platform.OS === \"android\") {\n // Defer scrollTo so the animatedProps inset commit lands first;\n // otherwise the native ScrollView clamps to the old range.\n requestAnimationFrame(() => {\n scrollTo(scrollViewRef, 0, target, false);\n });\n } else {\n scrollTo(scrollViewRef, 0, target, false);\n }\n },\n [scrollViewRef, contentOffsetY],\n );\n\n useAnimatedReaction(\n () => extraContentPadding.value,\n (current, previous) => {\n if (freeze || previous === null) {\n return;\n }\n\n const rawDelta = current - previous;\n\n if (rawDelta === 0) {\n return;\n }\n\n // Compute effective delta considering blankSpace floor\n const previousTotal = Math.max(\n blankSpace.value,\n keyboardPadding.value + previous,\n );\n const currentTotal = Math.max(\n blankSpace.value,\n keyboardPadding.value + current,\n );\n const effectiveDelta = currentTotal - previousTotal;\n\n if (effectiveDelta === 0) {\n // blankSpace absorbed the change\n return;\n }\n\n const atEnd = isScrollAtEnd(\n scroll.value,\n layout.value.height,\n size.value.height,\n inverted,\n );\n\n // \"persistent\": scroll on grow, hold position on shrink (unless at end)\n if (\n keyboardLiftBehavior === \"persistent\" &&\n effectiveDelta < 0 &&\n !atEnd\n ) {\n return;\n }\n\n if (!shouldShiftContent(keyboardLiftBehavior, atEnd)) {\n return;\n }\n\n if (inverted) {\n const target = Math.max(scroll.value - effectiveDelta, -currentTotal);\n\n scrollToTarget(target);\n } else {\n const maxScroll = Math.max(\n size.value.height - layout.value.height + currentTotal,\n 0,\n );\n const target = Math.min(scroll.value + effectiveDelta, maxScroll);\n\n scrollToTarget(target);\n }\n },\n [inverted, keyboardLiftBehavior, freeze],\n );\n}\n\nexport { useExtraContentPadding };\nexport type { UseExtraContentPaddingOptions };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","styles","create","container","
|
|
1
|
+
{"version":3,"names":["StyleSheet","styles","create","container","flexGrow","flexShrink"],"sources":["styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n container: {\n flexGrow: 1,\n flexShrink: 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,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAeJ,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const IS_FABRIC: boolean;
|
|
@@ -20,6 +20,8 @@ type UseExtraContentPaddingOptions = {
|
|
|
20
20
|
width: number;
|
|
21
21
|
height: number;
|
|
22
22
|
}>;
|
|
23
|
+
/** IOS only — when provided, sets contentOffset atomically with contentInset. */
|
|
24
|
+
contentOffsetY?: SharedValue<number>;
|
|
23
25
|
inverted: boolean;
|
|
24
26
|
keyboardLiftBehavior: KeyboardLiftBehavior;
|
|
25
27
|
freeze: boolean;
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const IS_FABRIC = "nativeFabricUIManager" in global;
|
|
@@ -416,11 +416,12 @@ const KeyboardAwareScrollView = forwardRef<
|
|
|
416
416
|
keyboardWillChangeSize ||
|
|
417
417
|
focusWasChanged
|
|
418
418
|
) {
|
|
419
|
-
syncKeyboardFrame(e);
|
|
420
419
|
// persist scroll value
|
|
421
420
|
scrollPosition.value = position.value;
|
|
422
421
|
// just persist height - later will be used in interpolation
|
|
423
422
|
keyboardHeight.value = e.height;
|
|
423
|
+
// and update keyboard spacer size
|
|
424
|
+
syncKeyboardFrame(e);
|
|
424
425
|
}
|
|
425
426
|
|
|
426
427
|
// focus was changed
|
|
@@ -552,14 +553,8 @@ const KeyboardAwareScrollView = forwardRef<
|
|
|
552
553
|
[],
|
|
553
554
|
);
|
|
554
555
|
|
|
555
|
-
// animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
|
|
556
|
-
// this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
|
|
557
|
-
// by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
|
|
558
|
-
// from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
|
|
559
|
-
// re-calculation on every animation frame and it helps to achieve smooth animation.
|
|
560
|
-
// see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
|
|
561
556
|
const padding = useDerivedValue(
|
|
562
|
-
() => (enabled ? currentKeyboardFrameHeight.value
|
|
557
|
+
() => (enabled ? currentKeyboardFrameHeight.value : 0),
|
|
563
558
|
[enabled],
|
|
564
559
|
);
|
|
565
560
|
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import { useCallback } from "react";
|
|
2
|
+
import { Platform } from "react-native";
|
|
1
3
|
import { scrollTo, useAnimatedReaction } from "react-native-reanimated";
|
|
2
4
|
|
|
5
|
+
import { IS_FABRIC } from "../../../architecture";
|
|
3
6
|
import { isScrollAtEnd, shouldShiftContent } from "../useChatKeyboard/helpers";
|
|
4
7
|
|
|
5
8
|
import type { KeyboardLiftBehavior } from "../useChatKeyboard/types";
|
|
@@ -19,6 +22,8 @@ type UseExtraContentPaddingOptions = {
|
|
|
19
22
|
layout: SharedValue<{ width: number; height: number }>;
|
|
20
23
|
/** Total content dimensions. */
|
|
21
24
|
size: SharedValue<{ width: number; height: number }>;
|
|
25
|
+
/** IOS only — when provided, sets contentOffset atomically with contentInset. */
|
|
26
|
+
contentOffsetY?: SharedValue<number>;
|
|
22
27
|
inverted: boolean;
|
|
23
28
|
keyboardLiftBehavior: KeyboardLiftBehavior;
|
|
24
29
|
freeze: boolean;
|
|
@@ -47,11 +52,32 @@ function useExtraContentPadding(options: UseExtraContentPaddingOptions): void {
|
|
|
47
52
|
scroll,
|
|
48
53
|
layout,
|
|
49
54
|
size,
|
|
55
|
+
contentOffsetY,
|
|
50
56
|
inverted,
|
|
51
57
|
keyboardLiftBehavior,
|
|
52
58
|
freeze,
|
|
53
59
|
} = options;
|
|
54
60
|
|
|
61
|
+
const scrollToTarget = useCallback(
|
|
62
|
+
(target: number) => {
|
|
63
|
+
"worklet";
|
|
64
|
+
|
|
65
|
+
if (contentOffsetY && IS_FABRIC) {
|
|
66
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
67
|
+
contentOffsetY.value = target;
|
|
68
|
+
} else if (Platform.OS === "android") {
|
|
69
|
+
// Defer scrollTo so the animatedProps inset commit lands first;
|
|
70
|
+
// otherwise the native ScrollView clamps to the old range.
|
|
71
|
+
requestAnimationFrame(() => {
|
|
72
|
+
scrollTo(scrollViewRef, 0, target, false);
|
|
73
|
+
});
|
|
74
|
+
} else {
|
|
75
|
+
scrollTo(scrollViewRef, 0, target, false);
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
[scrollViewRef, contentOffsetY],
|
|
79
|
+
);
|
|
80
|
+
|
|
55
81
|
useAnimatedReaction(
|
|
56
82
|
() => extraContentPadding.value,
|
|
57
83
|
(current, previous) => {
|
|
@@ -104,7 +130,7 @@ function useExtraContentPadding(options: UseExtraContentPaddingOptions): void {
|
|
|
104
130
|
if (inverted) {
|
|
105
131
|
const target = Math.max(scroll.value - effectiveDelta, -currentTotal);
|
|
106
132
|
|
|
107
|
-
|
|
133
|
+
scrollToTarget(target);
|
|
108
134
|
} else {
|
|
109
135
|
const maxScroll = Math.max(
|
|
110
136
|
size.value.height - layout.value.height + currentTotal,
|
|
@@ -112,7 +138,7 @@ function useExtraContentPadding(options: UseExtraContentPaddingOptions): void {
|
|
|
112
138
|
);
|
|
113
139
|
const target = Math.min(scroll.value + effectiveDelta, maxScroll);
|
|
114
140
|
|
|
115
|
-
|
|
141
|
+
scrollToTarget(target);
|
|
116
142
|
}
|
|
117
143
|
},
|
|
118
144
|
[inverted, keyboardLiftBehavior, freeze],
|