react-native-keyboard-controller 1.12.4 → 1.12.5

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.
@@ -3,6 +3,7 @@ package com.reactnativekeyboardcontroller.extensions
3
3
  import android.util.Log
4
4
  import android.view.View
5
5
  import android.view.ViewGroup
6
+ import com.facebook.react.bridge.ReactContext
6
7
  import com.facebook.react.bridge.WritableMap
7
8
  import com.facebook.react.modules.core.DeviceEventManagerModule
8
9
  import com.facebook.react.uimanager.ThemedReactContext
@@ -25,7 +26,7 @@ fun ThemedReactContext.setupWindowDimensionsListener() {
25
26
 
26
27
  fun ThemedReactContext?.dispatchEvent(viewId: Int, event: Event<*>) {
27
28
  val eventDispatcher: EventDispatcher? =
28
- UIManagerHelper.getEventDispatcherForReactTag(this, viewId)
29
+ UIManagerHelper.getEventDispatcherForReactTag(this as ReactContext, viewId)
29
30
  eventDispatcher?.dispatchEvent(event)
30
31
  }
31
32
 
@@ -14,11 +14,11 @@ class WindowDimensionListener(private val context: ThemedReactContext?) {
14
14
  private var lastDispatchedDimensions = Dimensions(0.0, 0.0)
15
15
 
16
16
  init {
17
- // attach to content view only once
18
- if (!isListenerAttached) {
19
- isListenerAttached = true
17
+ // attach to content view only once per app instance
18
+ if (context != null && listenerID != context.hashCode()) {
19
+ listenerID = context.hashCode()
20
20
 
21
- val content = context?.content
21
+ val content = context.content
22
22
 
23
23
  updateWindowDimensions(content)
24
24
 
@@ -52,6 +52,6 @@ class WindowDimensionListener(private val context: ThemedReactContext?) {
52
52
  }
53
53
 
54
54
  companion object {
55
- private var isListenerAttached = false
55
+ private var listenerID = -1
56
56
  }
57
57
  }
@@ -7,35 +7,36 @@
7
7
 
8
8
  import Foundation
9
9
 
10
- struct Selection {
11
- var start: Int
12
- var startX: CGFloat
13
- var startY: CGFloat
14
- var end: Int
15
- var endX: CGFloat
16
- var endY: CGFloat
17
- }
18
-
19
- func textSelection(in textInput: UITextInput) -> Selection? {
10
+ func textSelection(in textInput: UITextInput) -> NSDictionary? {
20
11
  if let selectedRange = textInput.selectedTextRange {
21
12
  let caretRectStart = textInput.caretRect(for: selectedRange.start)
22
13
  let caretRectEnd = textInput.caretRect(for: selectedRange.end)
23
14
 
24
- let coordinates = Selection(
25
- start: textInput.offset(from: textInput.beginningOfDocument, to: selectedRange.start),
26
- startX: caretRectStart.origin.x,
27
- startY: caretRectStart.origin.y,
28
- end: textInput.offset(from: textInput.beginningOfDocument, to: selectedRange.end),
29
- endX: caretRectEnd.origin.x + caretRectEnd.size.width,
30
- endY: caretRectEnd.origin.y + caretRectEnd.size.height
31
- )
32
-
33
- return coordinates
15
+ return [
16
+ "selection": [
17
+ "start": [
18
+ "x": caretRectStart.origin.x,
19
+ "y": caretRectStart.origin.y,
20
+ "position": textInput.offset(from: textInput.beginningOfDocument, to: selectedRange.start),
21
+ ],
22
+ "end": [
23
+ "x": caretRectEnd.origin.x + caretRectEnd.size.width,
24
+ "y": caretRectEnd.origin.y + caretRectEnd.size.height,
25
+ "position": textInput.offset(from: textInput.beginningOfDocument, to: selectedRange.end),
26
+ ],
27
+ ],
28
+ ]
34
29
  }
35
30
 
36
31
  return nil
37
32
  }
38
33
 
34
+ func updateSelectionPosition(textInput: UITextInput, sendEvent: (_ event: NSDictionary) -> Void) {
35
+ if let selection = textSelection(in: textInput) {
36
+ sendEvent(selection)
37
+ }
38
+ }
39
+
39
40
  /**
40
41
  * A delegate that is being set to any focused input
41
42
  * and intercepts some specific events that needs to be handled
@@ -79,7 +80,15 @@ class KCTextInputCompositeDelegate: NSObject, UITextViewDelegate, UITextFieldDel
79
80
 
80
81
  func textViewDidChangeSelection(_ textView: UITextView) {
81
82
  textViewDelegate?.textViewDidChangeSelection?(textView)
82
- updateSelectionPosition(textInput: textView)
83
+ if textView.canSelectionFitIntoLayout {
84
+ updateSelectionPosition(textInput: textView, sendEvent: onSelectionChange)
85
+ } else {
86
+ // when multiline input grows we need to wait for layout to be updated
87
+ // otherwise start/end positions will be incorrect (0/-1)
88
+ DispatchQueue.main.asyncAfter(deadline: .now() + UIUtils.nextFrame) {
89
+ updateSelectionPosition(textInput: textView, sendEvent: self.onSelectionChange)
90
+ }
91
+ }
83
92
  }
84
93
 
85
94
  func textViewDidChange(_ textView: UITextView) {
@@ -95,7 +104,7 @@ class KCTextInputCompositeDelegate: NSObject, UITextViewDelegate, UITextFieldDel
95
104
  @available(iOS 13.0, *)
96
105
  func textFieldDidChangeSelection(_ textField: UITextField) {
97
106
  textFieldDelegate?.textFieldDidChangeSelection?(textField)
98
- updateSelectionPosition(textInput: textField)
107
+ updateSelectionPosition(textInput: textField, sendEvent: onSelectionChange)
99
108
  }
100
109
 
101
110
  func textField(
@@ -125,25 +134,4 @@ class KCTextInputCompositeDelegate: NSObject, UITextViewDelegate, UITextFieldDel
125
134
  }
126
135
  return super.forwardingTarget(for: aSelector)
127
136
  }
128
-
129
- // MARK: Private functions
130
-
131
- private func updateSelectionPosition(textInput: UITextInput) {
132
- if let selection = textSelection(in: textInput) {
133
- onSelectionChange([
134
- "selection": [
135
- "start": [
136
- "x": selection.startX,
137
- "y": selection.startY,
138
- "position": selection.start,
139
- ],
140
- "end": [
141
- "x": selection.endX,
142
- "y": selection.endY,
143
- "position": selection.end,
144
- ],
145
- ],
146
- ])
147
- }
148
- }
149
137
  }
@@ -0,0 +1,23 @@
1
+ //
2
+ // CGFloat.swift
3
+ // KeyboardController
4
+ //
5
+ // Created by Kiryl Ziusko on 04/07/2024.
6
+ // Copyright © 2024 Facebook. All rights reserved.
7
+ //
8
+
9
+ import Foundation
10
+
11
+ public extension CGFloat {
12
+ static func interpolate(inputRange: [CGFloat], outputRange: [CGFloat], currentValue: CGFloat) -> CGFloat {
13
+ let inputMin = inputRange.min() ?? 0
14
+ let inputMax = inputRange.max() ?? 1
15
+ let outputMin = outputRange.min() ?? 0
16
+ let outputMax = outputRange.max() ?? 1
17
+
18
+ let normalizedValue = (currentValue - inputMin) / (inputMax - inputMin)
19
+ let interpolatedValue = outputMin + (outputMax - outputMin) * normalizedValue
20
+
21
+ return interpolatedValue
22
+ }
23
+ }
@@ -0,0 +1,15 @@
1
+ //
2
+ // Date.swift
3
+ // KeyboardController
4
+ //
5
+ // Created by Kiryl Ziusko on 04/07/2024.
6
+ // Copyright © 2024 Facebook. All rights reserved.
7
+ //
8
+
9
+ import Foundation
10
+
11
+ public extension Date {
12
+ static var currentTimeStamp: Int64 {
13
+ return Int64(Date().timeIntervalSince1970 * 1000)
14
+ }
15
+ }
@@ -1,34 +1,14 @@
1
1
  //
2
- // Extensions.swift
2
+ // UIResponder.swift
3
3
  // KeyboardController
4
4
  //
5
- // Created by Kiryl Ziusko on 10/06/2023.
6
- // Copyright © 2023 Facebook. All rights reserved.
5
+ // Created by Kiryl Ziusko on 04/07/2024.
6
+ // Copyright © 2024 Facebook. All rights reserved.
7
7
  //
8
8
 
9
9
  import Foundation
10
10
  import UIKit
11
11
 
12
- public extension CGFloat {
13
- static func interpolate(inputRange: [CGFloat], outputRange: [CGFloat], currentValue: CGFloat) -> CGFloat {
14
- let inputMin = inputRange.min() ?? 0
15
- let inputMax = inputRange.max() ?? 1
16
- let outputMin = outputRange.min() ?? 0
17
- let outputMax = outputRange.max() ?? 1
18
-
19
- let normalizedValue = (currentValue - inputMin) / (inputMax - inputMin)
20
- let interpolatedValue = outputMin + (outputMax - outputMin) * normalizedValue
21
-
22
- return interpolatedValue
23
- }
24
- }
25
-
26
- public extension Date {
27
- static var currentTimeStamp: Int64 {
28
- return Int64(Date().timeIntervalSince1970 * 1000)
29
- }
30
- }
31
-
32
12
  public extension UIResponder {
33
13
  private weak static var _currentFirstResponder: UIResponder?
34
14
 
@@ -53,16 +33,6 @@ public extension Optional where Wrapped == UIResponder {
53
33
  }
54
34
  }
55
35
 
56
- public extension UIScrollView {
57
- var reactViewTag: NSNumber {
58
- #if KEYBOARD_CONTROLLER_NEW_ARCH_ENABLED
59
- return (superview?.tag ?? -1) as NSNumber
60
- #else
61
- return superview?.reactTag ?? -1
62
- #endif
63
- }
64
- }
65
-
66
36
  public extension Optional where Wrapped: UIResponder {
67
37
  var parentScrollViewTarget: NSNumber {
68
38
  var currentResponder: UIResponder? = self
@@ -87,10 +57,3 @@ public extension Optional where Wrapped: UIResponder {
87
57
  return -1
88
58
  }
89
59
  }
90
-
91
- public extension UIView {
92
- var globalFrame: CGRect? {
93
- let rootView = UIApplication.shared.keyWindow?.rootViewController?.view
94
- return superview?.convert(frame, to: rootView)
95
- }
96
- }
@@ -0,0 +1,20 @@
1
+ //
2
+ // UIScrollView.swift
3
+ // KeyboardController
4
+ //
5
+ // Created by Kiryl Ziusko on 04/07/2024.
6
+ // Copyright © 2024 Facebook. All rights reserved.
7
+ //
8
+
9
+ import Foundation
10
+ import UIKit
11
+
12
+ public extension UIScrollView {
13
+ var reactViewTag: NSNumber {
14
+ #if KEYBOARD_CONTROLLER_NEW_ARCH_ENABLED
15
+ return (superview?.tag ?? -1) as NSNumber
16
+ #else
17
+ return superview?.reactTag ?? -1
18
+ #endif
19
+ }
20
+ }
@@ -0,0 +1,21 @@
1
+ //
2
+ // UITextInput.swift
3
+ // KeyboardController
4
+ //
5
+ // Created by Kiryl Ziusko on 04/07/2024.
6
+ // Copyright © 2024 Facebook. All rights reserved.
7
+ //
8
+
9
+ import Foundation
10
+ import UIKit
11
+
12
+ public extension UITextInput {
13
+ var canSelectionFitIntoLayout: Bool {
14
+ guard let selectedRange = selectedTextRange else { return false }
15
+
16
+ guard let range = textRange(from: selectedRange.start, to: selectedRange.end) else { return false }
17
+ let rect = firstRect(for: range)
18
+
19
+ return rect.origin.x.isFinite && rect.origin.y.isFinite
20
+ }
21
+ }
@@ -0,0 +1,17 @@
1
+ //
2
+ // UIView.swift
3
+ // KeyboardController
4
+ //
5
+ // Created by Kiryl Ziusko on 04/07/2024.
6
+ // Copyright © 2024 Facebook. All rights reserved.
7
+ //
8
+
9
+ import Foundation
10
+ import UIKit
11
+
12
+ public extension UIView {
13
+ var globalFrame: CGRect? {
14
+ let rootView = UIApplication.shared.keyWindow?.rootViewController?.view
15
+ return superview?.convert(frame, to: rootView)
16
+ }
17
+ }
@@ -197,6 +197,10 @@ public class FocusedInputObserver: NSObject {
197
197
  (textView as? RCTUITextView)?.setForceDelegate(delegate)
198
198
  }
199
199
  }
200
+ // dispatch onSelectionChange on focus
201
+ if let textInput = input as? UITextInput {
202
+ updateSelectionPosition(textInput: textInput, sendEvent: onSelectionChange)
203
+ }
200
204
  }
201
205
 
202
206
  private func substituteDelegateBack(_ input: UIResponder?) {
@@ -78,9 +78,16 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
78
78
  const {
79
79
  height
80
80
  } = (0, _reactNativeKeyboardController.useWindowDimensions)();
81
- const onScroll = (0, _react.useCallback)(event => {
82
- position.value = event.nativeEvent.contentOffset.y;
83
- onScrollProps === null || onScrollProps === void 0 || onScrollProps(event);
81
+ const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
82
+ onScroll: event => {
83
+ position.value = event.contentOffset.y;
84
+ if (onScrollProps) {
85
+ // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/issues/6204
86
+ (0, _reactNativeReanimated.runOnJS)(onScrollProps)({
87
+ nativeEvent: event
88
+ });
89
+ }
90
+ }
84
91
  }, [onScrollProps]);
85
92
  const onRef = (0, _react.useCallback)(assignedRef => {
86
93
  if (typeof ref === "function") {
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeKeyboardController","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","onScroll","onScrollProps","extraKeyboardSpace","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","useCallback","event","value","nativeEvent","contentOffset","y","onRef","assignedRef","current","onScrollViewLayout","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","snapToOffsets","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","onChangeText","_layout$value4","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","useMemo","debounce","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","keyboardFrame","onEnd","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","ScrollView","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { findNodeHandle } from \"react-native\";\nimport Reanimated, {\n interpolate,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between keyboard and focused `TextInput` when 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} & ScrollViewProps;\n\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 * +============================+ +============================+ +=====================================+\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 */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n onScroll: onScrollProps,\n extraKeyboardSpace = 0,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useSharedValue(0);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onScroll = useCallback<NonNullable<ScrollViewProps[\"onScroll\"]>>(\n (event) => {\n position.value = event.nativeEvent.contentOffset.y;\n\n onScrollProps?.(event);\n },\n [onScrollProps],\n );\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n rest.snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (absoluteY < 0) {\n const positionOnScreen = visibleRect - inputHeight - bottomOffset;\n const topOfScreen = scrollPosition.value + absoluteY;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, rest.snapToOffsets],\n );\n\n const onChangeText = useCallback(() => {\n \"worklet\";\n\n // if typing a text caused layout shift, then we need to ignore this handler\n // because this event will be handled in `useAnimatedReaction` below\n if (layout.value?.layout.height !== input.value?.layout.height) {\n return;\n }\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n scrollPosition.value = position.value;\n layout.value = input.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n\n useFocusedInputHandler(\n {\n onChangeText: onChangeTextHandler,\n },\n [onChangeTextHandler],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n\n // save position of focused text input when keyboard starts to move\n layout.value = input.value;\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n currentKeyboardFrameHeight.value = keyboardFrame;\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n },\n },\n [height, maybeScroll, disableScrollOnKeyboardHide, extraKeyboardSpace],\n );\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 const prevLayout = layout.value;\n\n layout.value = input.value;\n scrollPosition.value += maybeScroll(keyboardHeight.value, true);\n layout.value = prevLayout;\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <Reanimated.ScrollView\n ref={onRef}\n {...rest}\n onLayout={onScrollViewLayout}\n onScroll={onScroll}\n scrollEventThrottle={16}\n >\n {children}\n <Reanimated.View style={view} />\n </Reanimated.ScrollView>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeKeyboardController","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","onScroll","onScrollProps","extraKeyboardSpace","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","useAnimatedScrollHandler","event","value","contentOffset","y","runOnJS","nativeEvent","onRef","useCallback","assignedRef","current","onScrollViewLayout","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","snapToOffsets","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","onChangeText","_layout$value4","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","useMemo","debounce","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","keyboardFrame","onEnd","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","ScrollView","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { findNodeHandle } from \"react-native\";\nimport Reanimated, {\n interpolate,\n runOnJS,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedScrollHandler,\n useAnimatedStyle,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between keyboard and focused `TextInput` when 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} & ScrollViewProps;\n\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 * +============================+ +============================+ +=====================================+\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 */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n onScroll: onScrollProps,\n extraKeyboardSpace = 0,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useSharedValue(0);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onScroll = useAnimatedScrollHandler(\n {\n onScroll: (event) => {\n position.value = event.contentOffset.y;\n\n if (onScrollProps) {\n // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/issues/6204\n runOnJS(onScrollProps)({ nativeEvent: event });\n }\n },\n },\n [onScrollProps],\n );\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n rest.snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (absoluteY < 0) {\n const positionOnScreen = visibleRect - inputHeight - bottomOffset;\n const topOfScreen = scrollPosition.value + absoluteY;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, rest.snapToOffsets],\n );\n\n const onChangeText = useCallback(() => {\n \"worklet\";\n\n // if typing a text caused layout shift, then we need to ignore this handler\n // because this event will be handled in `useAnimatedReaction` below\n if (layout.value?.layout.height !== input.value?.layout.height) {\n return;\n }\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n scrollPosition.value = position.value;\n layout.value = input.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n\n useFocusedInputHandler(\n {\n onChangeText: onChangeTextHandler,\n },\n [onChangeTextHandler],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n\n // save position of focused text input when keyboard starts to move\n layout.value = input.value;\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n currentKeyboardFrameHeight.value = keyboardFrame;\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n },\n },\n [height, maybeScroll, disableScrollOnKeyboardHide, extraKeyboardSpace],\n );\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 const prevLayout = layout.value;\n\n layout.value = input.value;\n scrollPosition.value += maybeScroll(keyboardHeight.value, true);\n layout.value = prevLayout;\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <Reanimated.ScrollView\n ref={onRef}\n {...rest}\n onLayout={onScrollViewLayout}\n onScroll={onScroll}\n scrollEventThrottle={16}\n >\n {children}\n <Reanimated.View style={view} />\n </Reanimated.ScrollView>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAWA,IAAAG,8BAAA,GAAAH,OAAA;AAMA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA0E,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAoB1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,uBAAuB,gBAAG,IAAAC,iBAAU,EAIxC,CACE;EACEC,QAAQ;EACRC,QAAQ;EACRC,YAAY,GAAG,CAAC;EAChBC,2BAA2B,GAAG,KAAK;EACnCC,OAAO,GAAG,IAAI;EACdC,QAAQ,EAAEC,aAAa;EACvBC,kBAAkB,GAAG,CAAC;EACtB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,qBAAqB,GAAG,IAAAC,qCAAc,EAAwB,CAAC;EACrE,MAAMC,gBAAgB,GAAG,IAAAC,qCAAc,EAAgB,IAAI,CAAC;EAC5D,MAAMC,cAAc,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EACxC,MAAME,QAAQ,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EAClC,MAAMG,0BAA0B,GAAG,IAAAH,qCAAc,EAAC,CAAC,CAAC;EACpD,MAAMI,cAAc,GAAG,IAAAJ,qCAAc,EAAC,CAAC,CAAC;EACxC,MAAMK,kBAAkB,GAAG,IAAAL,qCAAc,EAAC,KAAK,CAAC;EAChD,MAAMM,GAAG,GAAG,IAAAN,qCAAc,EAAC,CAAC,CAAC,CAAC;EAC9B,MAAMO,mBAAmB,GAAG,IAAAP,qCAAc,EAAC,CAAC,CAAC;EAC7C,MAAMQ,4BAA4B,GAAG,IAAAR,qCAAc,EAAC,CAAC,CAAC;EACtD,MAAM;IAAES;EAAM,CAAC,GAAG,IAAAC,wDAAyB,EAAC,CAAC;EAC7C,MAAMC,MAAM,GAAG,IAAAX,qCAAc,EAAwC,IAAI,CAAC;EAE1E,MAAM;IAAEY;EAAO,CAAC,GAAG,IAAAC,kDAAmB,EAAC,CAAC;EAExC,MAAMrB,QAAQ,GAAG,IAAAsB,+CAAwB,EACvC;IACEtB,QAAQ,EAAGuB,KAAK,IAAK;MACnBb,QAAQ,CAACc,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;MAEtC,IAAIzB,aAAa,EAAE;QACjB;QACA,IAAA0B,8BAAO,EAAC1B,aAAa,CAAC,CAAC;UAAE2B,WAAW,EAAEL;QAAM,CAAC,CAAC;MAChD;IACF;EACF,CAAC,EACD,CAACtB,aAAa,CAChB,CAAC;EAED,MAAM4B,KAAK,GAAG,IAAAC,kBAAW,EAAEC,WAAkC,IAAK;IAChE,IAAI,OAAO3B,GAAG,KAAK,UAAU,EAAE;MAC7BA,GAAG,CAAC2B,WAAW,CAAC;IAClB,CAAC,MAAM,IAAI3B,GAAG,EAAE;MACdA,GAAG,CAAC4B,OAAO,GAAGD,WAAW;IAC3B;IAEA1B,qBAAqB,CAAC0B,WAAW,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,kBAAkB,GAAG,IAAAH,kBAAW,EACnClE,CAAoB,IAAK;IACxB2C,gBAAgB,CAACiB,KAAK,GAAG,IAAAU,2BAAc,EAAC7B,qBAAqB,CAAC2B,OAAO,CAAC;IAEtEpC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGhC,CAAC,CAAC;EACf,CAAC,EACD,CAACgC,QAAQ,CACX,CAAC;;EAED;AACJ;AACA;EACI,MAAMuC,WAAW,GAAG,IAAAL,kBAAW,EAC7B,CAAClE,CAAS,EAAEwE,QAAiB,GAAG,KAAK,KAAK;IACxC,SAAS;;IAAC,IAAAC,aAAA,EAAAC,cAAA,EAAAC,cAAA;IAEV,IAAI,CAACxC,OAAO,EAAE;MACZ,OAAO,CAAC;IACV;;IAEA;IACA,IAAI,EAAAsC,aAAA,GAAAlB,MAAM,CAACK,KAAK,cAAAa,aAAA,uBAAZA,aAAA,CAAcG,sBAAsB,MAAKjC,gBAAgB,CAACiB,KAAK,EAAE;MACnE,OAAO,CAAC;IACV;IAEA,MAAMiB,WAAW,GAAGrB,MAAM,GAAGR,cAAc,CAACY,KAAK;IACjD,MAAMkB,SAAS,GAAG,EAAAJ,cAAA,GAAAnB,MAAM,CAACK,KAAK,cAAAc,cAAA,uBAAZA,cAAA,CAAcnB,MAAM,CAACuB,SAAS,KAAI,CAAC;IACrD,MAAMC,WAAW,GAAG,EAAAJ,cAAA,GAAApB,MAAM,CAACK,KAAK,cAAAe,cAAA,uBAAZA,cAAA,CAAcpB,MAAM,CAACC,MAAM,KAAI,CAAC;IACpD,MAAMwB,KAAK,GAAGF,SAAS,GAAGC,WAAW;IAErC,IAAIF,WAAW,GAAGG,KAAK,IAAI/C,YAAY,EAAE;MACvC,MAAMgD,gBAAgB,GACpBjC,cAAc,CAACY,KAAK,IAAIJ,MAAM,GAAGwB,KAAK,CAAC,GAAG/C,YAAY;MACxD,MAAMiD,oBAAoB,GAAG,IAAAC,kCAAW,EACtCnF,CAAC,EACD,CAACmD,mBAAmB,CAACS,KAAK,EAAEZ,cAAc,CAACY,KAAK,CAAC,EACjD,CACE,CAAC,EACD,IAAAwB,4CAAqC,EACnCH,gBAAgB,GAAGpC,cAAc,CAACe,KAAK,EACvCrB,IAAI,CAAC8C,aACP,CAAC,GAAGxC,cAAc,CAACe,KAAK,CAE5B,CAAC;MACD,MAAM0B,aAAa,GACjBC,IAAI,CAACC,GAAG,CAACN,oBAAoB,EAAE,CAAC,CAAC,GAAGrC,cAAc,CAACe,KAAK;MAC1D,IAAA6B,+BAAQ,EAAChD,qBAAqB,EAAE,CAAC,EAAE6C,aAAa,EAAEd,QAAQ,CAAC;MAE3D,OAAOU,oBAAoB;IAC7B;IAEA,IAAIJ,SAAS,GAAG,CAAC,EAAE;MACjB,MAAMY,gBAAgB,GAAGb,WAAW,GAAGE,WAAW,GAAG9C,YAAY;MACjE,MAAM0D,WAAW,GAAG9C,cAAc,CAACe,KAAK,GAAGkB,SAAS;MAEpD,IAAAW,+BAAQ,EACNhD,qBAAqB,EACrB,CAAC,EACDkD,WAAW,GAAGD,gBAAgB,EAC9BlB,QACF,CAAC;IACH;IAEA,OAAO,CAAC;EACV,CAAC,EACD,CAACvC,YAAY,EAAEE,OAAO,EAAEI,IAAI,CAAC8C,aAAa,CAC5C,CAAC;EAED,MAAMO,YAAY,GAAG,IAAA1B,kBAAW,EAAC,MAAM;IACrC,SAAS;;IAET;IACA;IAAA,IAAA2B,cAAA,EAAAC,YAAA;IACA,IAAI,EAAAD,cAAA,GAAAtC,MAAM,CAACK,KAAK,cAAAiC,cAAA,uBAAZA,cAAA,CAActC,MAAM,CAACC,MAAM,QAAAsC,YAAA,GAAKzC,KAAK,CAACO,KAAK,cAAAkC,YAAA,uBAAXA,YAAA,CAAavC,MAAM,CAACC,MAAM,GAAE;MAC9D;IACF;IAEA,MAAMuC,kBAAkB,GAAGlD,cAAc,CAACe,KAAK;IAC/C,MAAMoC,UAAU,GAAGzC,MAAM,CAACK,KAAK;IAE/Bf,cAAc,CAACe,KAAK,GAAGd,QAAQ,CAACc,KAAK;IACrCL,MAAM,CAACK,KAAK,GAAGP,KAAK,CAACO,KAAK;IAC1BW,WAAW,CAACvB,cAAc,CAACY,KAAK,EAAE,IAAI,CAAC;IACvCf,cAAc,CAACe,KAAK,GAAGmC,kBAAkB;IACzCxC,MAAM,CAACK,KAAK,GAAGoC,UAAU;EAC3B,CAAC,EAAE,CAACzB,WAAW,CAAC,CAAC;EAEjB,MAAM0B,mBAAmB,GAAG,IAAAC,cAAO,EACjC,MAAM,IAAAC,eAAQ,EAACP,YAAY,EAAE,GAAG,CAAC,EACjC,CAACA,YAAY,CACf,CAAC;EAED,IAAAQ,qDAAsB,EACpB;IACER,YAAY,EAAEK;EAChB,CAAC,EACD,CAACA,mBAAmB,CACtB,CAAC;EAED,IAAAI,kDAAwB,EACtB;IACEC,OAAO,EAAGtG,CAAC,IAAK;MACd,SAAS;;MAET,MAAMuG,sBAAsB,GAC1BvD,cAAc,CAACY,KAAK,KAAK5D,CAAC,CAACwD,MAAM,IAAIxD,CAAC,CAACwD,MAAM,GAAG,CAAC;MACnDP,kBAAkB,CAACW,KAAK,GAAG5D,CAAC,CAACwD,MAAM,GAAG,CAAC,IAAIR,cAAc,CAACY,KAAK,KAAK,CAAC;MACrE,MAAM4C,gBAAgB,GAAGxG,CAAC,CAACwD,MAAM,KAAK,CAAC;MACvC,MAAMiD,eAAe,GAClBvD,GAAG,CAACU,KAAK,KAAK5D,CAAC,CAACuB,MAAM,IAAIvB,CAAC,CAACuB,MAAM,KAAK,CAAC,CAAC,IAC1CgF,sBAAsB;MAExB,IAAIA,sBAAsB,EAAE;QAC1BpD,mBAAmB,CAACS,KAAK,GAAGZ,cAAc,CAACY,KAAK;MAClD;MAEA,IAAI4C,gBAAgB,EAAE;QACpB;QACArD,mBAAmB,CAACS,KAAK,GAAG,CAAC;QAC7Bf,cAAc,CAACe,KAAK,GAAGR,4BAA4B,CAACQ,KAAK;MAC3D;MAEA,IACEX,kBAAkB,CAACW,KAAK,IACxB2C,sBAAsB,IACtBE,eAAe,EACf;QACA;QACA5D,cAAc,CAACe,KAAK,GAAGd,QAAQ,CAACc,KAAK;QACrC;QACAZ,cAAc,CAACY,KAAK,GAAG5D,CAAC,CAACwD,MAAM;MACjC;;MAEA;MACA,IAAIiD,eAAe,EAAE;QACnBvD,GAAG,CAACU,KAAK,GAAG5D,CAAC,CAACuB,MAAM;;QAEpB;QACAgC,MAAM,CAACK,KAAK,GAAGP,KAAK,CAACO,KAAK;QAC1B;QACA;QACAR,4BAA4B,CAACQ,KAAK,GAAGd,QAAQ,CAACc,KAAK;MACrD;MAEA,IAAI6C,eAAe,IAAI,CAACxD,kBAAkB,CAACW,KAAK,EAAE;QAChD;QACA;QACAd,QAAQ,CAACc,KAAK,IAAIW,WAAW,CAACvE,CAAC,CAACwD,MAAM,EAAE,IAAI,CAAC;MAC/C;IACF,CAAC;IACDkD,MAAM,EAAG1G,CAAC,IAAK;MACb,SAAS;;MAET,MAAM2G,aAAa,GAAG,IAAAxB,kCAAW,EAC/BnF,CAAC,CAACwD,MAAM,EACR,CAAC,CAAC,EAAER,cAAc,CAACY,KAAK,CAAC,EACzB,CAAC,CAAC,EAAEZ,cAAc,CAACY,KAAK,GAAGtB,kBAAkB,CAC/C,CAAC;MACDS,0BAA0B,CAACa,KAAK,GAAG+C,aAAa;;MAEhD;MACA,IAAI,CAACzE,2BAA2B,IAAIe,kBAAkB,CAACW,KAAK,EAAE;QAC5DW,WAAW,CAACvE,CAAC,CAACwD,MAAM,CAAC;MACvB;IACF,CAAC;IACDoD,KAAK,EAAG5G,CAAC,IAAK;MACZ,SAAS;;MAETgD,cAAc,CAACY,KAAK,GAAG5D,CAAC,CAACwD,MAAM;MAC/BX,cAAc,CAACe,KAAK,GAAGd,QAAQ,CAACc,KAAK;IACvC;EACF,CAAC,EACD,CAACJ,MAAM,EAAEe,WAAW,EAAErC,2BAA2B,EAAEI,kBAAkB,CACvE,CAAC;EAED,IAAAuE,0CAAmB,EACjB,MAAMxD,KAAK,CAACO,KAAK,EACjB,CAACQ,OAAO,EAAE0C,QAAQ,KAAK;IACrB,IACE,CAAA1C,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE7C,MAAM,OAAKuF,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEvF,MAAM,KACpC,CAAA6C,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEb,MAAM,CAACC,MAAM,OAAKsD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEvD,MAAM,CAACC,MAAM,GAClD;MACA,MAAMwC,UAAU,GAAGzC,MAAM,CAACK,KAAK;MAE/BL,MAAM,CAACK,KAAK,GAAGP,KAAK,CAACO,KAAK;MAC1Bf,cAAc,CAACe,KAAK,IAAIW,WAAW,CAACvB,cAAc,CAACY,KAAK,EAAE,IAAI,CAAC;MAC/DL,MAAM,CAACK,KAAK,GAAGoC,UAAU;IAC3B;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMe,IAAI,GAAG,IAAAC,uCAAgB,EAC3B,MACE7E,OAAO,GACH;IACE;IACA;IACA;IACA;IACA;IACA;IACA8E,aAAa,EAAElE,0BAA0B,CAACa,KAAK,GAAG;EACpD,CAAC,GACD,CAAC,CAAC,EACR,CAACzB,OAAO,CACV,CAAC;EAED,oBACE5C,MAAA,CAAAc,OAAA,CAAA6G,aAAA,CAACvH,sBAAA,CAAAU,OAAU,CAAC8G,UAAU,EAAA/F,QAAA;IACpBoB,GAAG,EAAEyB;EAAM,GACP1B,IAAI;IACRP,QAAQ,EAAEqC,kBAAmB;IAC7BjC,QAAQ,EAAEA,QAAS;IACnBgF,mBAAmB,EAAE;EAAG,IAEvBrF,QAAQ,eACTxC,MAAA,CAAAc,OAAA,CAAA6G,aAAA,CAACvH,sBAAA,CAAAU,OAAU,CAACgH,IAAI;IAACC,KAAK,EAAEP;EAAK,CAAE,CACV,CAAC;AAE5B,CACF,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAnH,OAAA,GAEawB,uBAAuB","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
  import React, { forwardRef, useCallback, useMemo } from "react";
3
3
  import { findNodeHandle } from "react-native";
4
- import Reanimated, { interpolate, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
4
+ import Reanimated, { interpolate, runOnJS, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
5
5
  import { useFocusedInputHandler, useReanimatedFocusedInput, useWindowDimensions } from "react-native-keyboard-controller";
6
6
  import { useSmoothKeyboardHandler } from "./useSmoothKeyboardHandler";
7
7
  import { debounce, scrollDistanceWithRespectToSnapPoints } from "./utils";
@@ -70,9 +70,16 @@ const KeyboardAwareScrollView = /*#__PURE__*/forwardRef(({
70
70
  const {
71
71
  height
72
72
  } = useWindowDimensions();
73
- const onScroll = useCallback(event => {
74
- position.value = event.nativeEvent.contentOffset.y;
75
- onScrollProps === null || onScrollProps === void 0 || onScrollProps(event);
73
+ const onScroll = useAnimatedScrollHandler({
74
+ onScroll: event => {
75
+ position.value = event.contentOffset.y;
76
+ if (onScrollProps) {
77
+ // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/issues/6204
78
+ runOnJS(onScrollProps)({
79
+ nativeEvent: event
80
+ });
81
+ }
82
+ }
76
83
  }, [onScrollProps]);
77
84
  const onRef = useCallback(assignedRef => {
78
85
  if (typeof ref === "function") {
@@ -1 +1 @@
1
- {"version":3,"names":["React","forwardRef","useCallback","useMemo","findNodeHandle","Reanimated","interpolate","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","onScroll","onScrollProps","extraKeyboardSpace","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","height","event","value","nativeEvent","contentOffset","y","onRef","assignedRef","current","onScrollViewLayout","e","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","snapToOffsets","targetScrollY","Math","max","positionOnScreen","topOfScreen","onChangeText","_layout$value4","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","target","onMove","keyboardFrame","onEnd","previous","view","paddingBottom","createElement","ScrollView","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { findNodeHandle } from \"react-native\";\nimport Reanimated, {\n interpolate,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedStyle,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between keyboard and focused `TextInput` when 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} & ScrollViewProps;\n\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 * +============================+ +============================+ +=====================================+\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 */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n onScroll: onScrollProps,\n extraKeyboardSpace = 0,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useSharedValue(0);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onScroll = useCallback<NonNullable<ScrollViewProps[\"onScroll\"]>>(\n (event) => {\n position.value = event.nativeEvent.contentOffset.y;\n\n onScrollProps?.(event);\n },\n [onScrollProps],\n );\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n rest.snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (absoluteY < 0) {\n const positionOnScreen = visibleRect - inputHeight - bottomOffset;\n const topOfScreen = scrollPosition.value + absoluteY;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, rest.snapToOffsets],\n );\n\n const onChangeText = useCallback(() => {\n \"worklet\";\n\n // if typing a text caused layout shift, then we need to ignore this handler\n // because this event will be handled in `useAnimatedReaction` below\n if (layout.value?.layout.height !== input.value?.layout.height) {\n return;\n }\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n scrollPosition.value = position.value;\n layout.value = input.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n\n useFocusedInputHandler(\n {\n onChangeText: onChangeTextHandler,\n },\n [onChangeTextHandler],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n\n // save position of focused text input when keyboard starts to move\n layout.value = input.value;\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n currentKeyboardFrameHeight.value = keyboardFrame;\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n },\n },\n [height, maybeScroll, disableScrollOnKeyboardHide, extraKeyboardSpace],\n );\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 const prevLayout = layout.value;\n\n layout.value = input.value;\n scrollPosition.value += maybeScroll(keyboardHeight.value, true);\n layout.value = prevLayout;\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <Reanimated.ScrollView\n ref={onRef}\n {...rest}\n onLayout={onScrollViewLayout}\n onScroll={onScroll}\n scrollEventThrottle={16}\n >\n {children}\n <Reanimated.View style={view} />\n </Reanimated.ScrollView>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAASC,cAAc,QAAQ,cAAc;AAC7C,OAAOC,UAAU,IACfC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAEhC,SACEC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,kCAAkC;AAEzC,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,EAAEC,qCAAqC,QAAQ,SAAS;AAoBzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,uBAAuB,gBAAGjB,UAAU,CAIxC,CACE;EACEkB,QAAQ;EACRC,QAAQ;EACRC,YAAY,GAAG,CAAC;EAChBC,2BAA2B,GAAG,KAAK;EACnCC,OAAO,GAAG,IAAI;EACdC,QAAQ,EAAEC,aAAa;EACvBC,kBAAkB,GAAG,CAAC;EACtB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,qBAAqB,GAAGpB,cAAc,CAAwB,CAAC;EACrE,MAAMqB,gBAAgB,GAAGnB,cAAc,CAAgB,IAAI,CAAC;EAC5D,MAAMoB,cAAc,GAAGpB,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMqB,QAAQ,GAAGrB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMsB,0BAA0B,GAAGtB,cAAc,CAAC,CAAC,CAAC;EACpD,MAAMuB,cAAc,GAAGvB,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMwB,kBAAkB,GAAGxB,cAAc,CAAC,KAAK,CAAC;EAChD,MAAMyB,GAAG,GAAGzB,cAAc,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAM0B,mBAAmB,GAAG1B,cAAc,CAAC,CAAC,CAAC;EAC7C,MAAM2B,4BAA4B,GAAG3B,cAAc,CAAC,CAAC,CAAC;EACtD,MAAM;IAAE4B;EAAM,CAAC,GAAG1B,yBAAyB,CAAC,CAAC;EAC7C,MAAM2B,MAAM,GAAG7B,cAAc,CAAwC,IAAI,CAAC;EAE1E,MAAM;IAAE8B;EAAO,CAAC,GAAG3B,mBAAmB,CAAC,CAAC;EAExC,MAAMU,QAAQ,GAAGtB,WAAW,CACzBwC,KAAK,IAAK;IACTV,QAAQ,CAACW,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACC,aAAa,CAACC,CAAC;IAElDrB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAGiB,KAAK,CAAC;EACxB,CAAC,EACD,CAACjB,aAAa,CAChB,CAAC;EAED,MAAMsB,KAAK,GAAG7C,WAAW,CAAE8C,WAAkC,IAAK;IAChE,IAAI,OAAOpB,GAAG,KAAK,UAAU,EAAE;MAC7BA,GAAG,CAACoB,WAAW,CAAC;IAClB,CAAC,MAAM,IAAIpB,GAAG,EAAE;MACdA,GAAG,CAACqB,OAAO,GAAGD,WAAW;IAC3B;IAEAnB,qBAAqB,CAACmB,WAAW,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EACN,MAAME,kBAAkB,GAAGhD,WAAW,CACnCiD,CAAoB,IAAK;IACxBrB,gBAAgB,CAACa,KAAK,GAAGvC,cAAc,CAACyB,qBAAqB,CAACoB,OAAO,CAAC;IAEtE7B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG+B,CAAC,CAAC;EACf,CAAC,EACD,CAAC/B,QAAQ,CACX,CAAC;;EAED;AACJ;AACA;EACI,MAAMgC,WAAW,GAAGlD,WAAW,CAC7B,CAACiD,CAAS,EAAEE,QAAiB,GAAG,KAAK,KAAK;IACxC,SAAS;;IAAC,IAAAC,aAAA,EAAAC,cAAA,EAAAC,cAAA;IAEV,IAAI,CAACjC,OAAO,EAAE;MACZ,OAAO,CAAC;IACV;;IAEA;IACA,IAAI,EAAA+B,aAAA,GAAAd,MAAM,CAACG,KAAK,cAAAW,aAAA,uBAAZA,aAAA,CAAcG,sBAAsB,MAAK3B,gBAAgB,CAACa,KAAK,EAAE;MACnE,OAAO,CAAC;IACV;IAEA,MAAMe,WAAW,GAAGjB,MAAM,GAAGP,cAAc,CAACS,KAAK;IACjD,MAAMgB,SAAS,GAAG,EAAAJ,cAAA,GAAAf,MAAM,CAACG,KAAK,cAAAY,cAAA,uBAAZA,cAAA,CAAcf,MAAM,CAACmB,SAAS,KAAI,CAAC;IACrD,MAAMC,WAAW,GAAG,EAAAJ,cAAA,GAAAhB,MAAM,CAACG,KAAK,cAAAa,cAAA,uBAAZA,cAAA,CAAchB,MAAM,CAACC,MAAM,KAAI,CAAC;IACpD,MAAMoB,KAAK,GAAGF,SAAS,GAAGC,WAAW;IAErC,IAAIF,WAAW,GAAGG,KAAK,IAAIxC,YAAY,EAAE;MACvC,MAAMyC,gBAAgB,GACpB5B,cAAc,CAACS,KAAK,IAAIF,MAAM,GAAGoB,KAAK,CAAC,GAAGxC,YAAY;MACxD,MAAM0C,oBAAoB,GAAGzD,WAAW,CACtC6C,CAAC,EACD,CAACd,mBAAmB,CAACM,KAAK,EAAET,cAAc,CAACS,KAAK,CAAC,EACjD,CACE,CAAC,EACD1B,qCAAqC,CACnC6C,gBAAgB,GAAG/B,cAAc,CAACY,KAAK,EACvChB,IAAI,CAACqC,aACP,CAAC,GAAGjC,cAAc,CAACY,KAAK,CAE5B,CAAC;MACD,MAAMsB,aAAa,GACjBC,IAAI,CAACC,GAAG,CAACJ,oBAAoB,EAAE,CAAC,CAAC,GAAGhC,cAAc,CAACY,KAAK;MAC1DpC,QAAQ,CAACsB,qBAAqB,EAAE,CAAC,EAAEoC,aAAa,EAAEZ,QAAQ,CAAC;MAE3D,OAAOU,oBAAoB;IAC7B;IAEA,IAAIJ,SAAS,GAAG,CAAC,EAAE;MACjB,MAAMS,gBAAgB,GAAGV,WAAW,GAAGE,WAAW,GAAGvC,YAAY;MACjE,MAAMgD,WAAW,GAAGtC,cAAc,CAACY,KAAK,GAAGgB,SAAS;MAEpDpD,QAAQ,CACNsB,qBAAqB,EACrB,CAAC,EACDwC,WAAW,GAAGD,gBAAgB,EAC9Bf,QACF,CAAC;IACH;IAEA,OAAO,CAAC;EACV,CAAC,EACD,CAAChC,YAAY,EAAEE,OAAO,EAAEI,IAAI,CAACqC,aAAa,CAC5C,CAAC;EAED,MAAMM,YAAY,GAAGpE,WAAW,CAAC,MAAM;IACrC,SAAS;;IAET;IACA;IAAA,IAAAqE,cAAA,EAAAC,YAAA;IACA,IAAI,EAAAD,cAAA,GAAA/B,MAAM,CAACG,KAAK,cAAA4B,cAAA,uBAAZA,cAAA,CAAc/B,MAAM,CAACC,MAAM,QAAA+B,YAAA,GAAKjC,KAAK,CAACI,KAAK,cAAA6B,YAAA,uBAAXA,YAAA,CAAahC,MAAM,CAACC,MAAM,GAAE;MAC9D;IACF;IAEA,MAAMgC,kBAAkB,GAAG1C,cAAc,CAACY,KAAK;IAC/C,MAAM+B,UAAU,GAAGlC,MAAM,CAACG,KAAK;IAE/BZ,cAAc,CAACY,KAAK,GAAGX,QAAQ,CAACW,KAAK;IACrCH,MAAM,CAACG,KAAK,GAAGJ,KAAK,CAACI,KAAK;IAC1BS,WAAW,CAAClB,cAAc,CAACS,KAAK,EAAE,IAAI,CAAC;IACvCZ,cAAc,CAACY,KAAK,GAAG8B,kBAAkB;IACzCjC,MAAM,CAACG,KAAK,GAAG+B,UAAU;EAC3B,CAAC,EAAE,CAACtB,WAAW,CAAC,CAAC;EAEjB,MAAMuB,mBAAmB,GAAGxE,OAAO,CACjC,MAAMa,QAAQ,CAACsD,YAAY,EAAE,GAAG,CAAC,EACjC,CAACA,YAAY,CACf,CAAC;EAED1D,sBAAsB,CACpB;IACE0D,YAAY,EAAEK;EAChB,CAAC,EACD,CAACA,mBAAmB,CACtB,CAAC;EAED5D,wBAAwB,CACtB;IACE6D,OAAO,EAAGzB,CAAC,IAAK;MACd,SAAS;;MAET,MAAM0B,sBAAsB,GAC1B3C,cAAc,CAACS,KAAK,KAAKQ,CAAC,CAACV,MAAM,IAAIU,CAAC,CAACV,MAAM,GAAG,CAAC;MACnDN,kBAAkB,CAACQ,KAAK,GAAGQ,CAAC,CAACV,MAAM,GAAG,CAAC,IAAIP,cAAc,CAACS,KAAK,KAAK,CAAC;MACrE,MAAMmC,gBAAgB,GAAG3B,CAAC,CAACV,MAAM,KAAK,CAAC;MACvC,MAAMsC,eAAe,GAClB3C,GAAG,CAACO,KAAK,KAAKQ,CAAC,CAAC6B,MAAM,IAAI7B,CAAC,CAAC6B,MAAM,KAAK,CAAC,CAAC,IAC1CH,sBAAsB;MAExB,IAAIA,sBAAsB,EAAE;QAC1BxC,mBAAmB,CAACM,KAAK,GAAGT,cAAc,CAACS,KAAK;MAClD;MAEA,IAAImC,gBAAgB,EAAE;QACpB;QACAzC,mBAAmB,CAACM,KAAK,GAAG,CAAC;QAC7BZ,cAAc,CAACY,KAAK,GAAGL,4BAA4B,CAACK,KAAK;MAC3D;MAEA,IACER,kBAAkB,CAACQ,KAAK,IACxBkC,sBAAsB,IACtBE,eAAe,EACf;QACA;QACAhD,cAAc,CAACY,KAAK,GAAGX,QAAQ,CAACW,KAAK;QACrC;QACAT,cAAc,CAACS,KAAK,GAAGQ,CAAC,CAACV,MAAM;MACjC;;MAEA;MACA,IAAIsC,eAAe,EAAE;QACnB3C,GAAG,CAACO,KAAK,GAAGQ,CAAC,CAAC6B,MAAM;;QAEpB;QACAxC,MAAM,CAACG,KAAK,GAAGJ,KAAK,CAACI,KAAK;QAC1B;QACA;QACAL,4BAA4B,CAACK,KAAK,GAAGX,QAAQ,CAACW,KAAK;MACrD;MAEA,IAAIoC,eAAe,IAAI,CAAC5C,kBAAkB,CAACQ,KAAK,EAAE;QAChD;QACA;QACAX,QAAQ,CAACW,KAAK,IAAIS,WAAW,CAACD,CAAC,CAACV,MAAM,EAAE,IAAI,CAAC;MAC/C;IACF,CAAC;IACDwC,MAAM,EAAG9B,CAAC,IAAK;MACb,SAAS;;MAET,MAAM+B,aAAa,GAAG5E,WAAW,CAC/B6C,CAAC,CAACV,MAAM,EACR,CAAC,CAAC,EAAEP,cAAc,CAACS,KAAK,CAAC,EACzB,CAAC,CAAC,EAAET,cAAc,CAACS,KAAK,GAAGjB,kBAAkB,CAC/C,CAAC;MACDO,0BAA0B,CAACU,KAAK,GAAGuC,aAAa;;MAEhD;MACA,IAAI,CAAC5D,2BAA2B,IAAIa,kBAAkB,CAACQ,KAAK,EAAE;QAC5DS,WAAW,CAACD,CAAC,CAACV,MAAM,CAAC;MACvB;IACF,CAAC;IACD0C,KAAK,EAAGhC,CAAC,IAAK;MACZ,SAAS;;MAETjB,cAAc,CAACS,KAAK,GAAGQ,CAAC,CAACV,MAAM;MAC/BV,cAAc,CAACY,KAAK,GAAGX,QAAQ,CAACW,KAAK;IACvC;EACF,CAAC,EACD,CAACF,MAAM,EAAEW,WAAW,EAAE9B,2BAA2B,EAAEI,kBAAkB,CACvE,CAAC;EAEDlB,mBAAmB,CACjB,MAAM+B,KAAK,CAACI,KAAK,EACjB,CAACM,OAAO,EAAEmC,QAAQ,KAAK;IACrB,IACE,CAAAnC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE+B,MAAM,OAAKI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,MAAM,KACpC,CAAA/B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAET,MAAM,CAACC,MAAM,OAAK2C,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAE5C,MAAM,CAACC,MAAM,GAClD;MACA,MAAMiC,UAAU,GAAGlC,MAAM,CAACG,KAAK;MAE/BH,MAAM,CAACG,KAAK,GAAGJ,KAAK,CAACI,KAAK;MAC1BZ,cAAc,CAACY,KAAK,IAAIS,WAAW,CAAClB,cAAc,CAACS,KAAK,EAAE,IAAI,CAAC;MAC/DH,MAAM,CAACG,KAAK,GAAG+B,UAAU;IAC3B;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMW,IAAI,GAAG3E,gBAAgB,CAC3B,MACEa,OAAO,GACH;IACE;IACA;IACA;IACA;IACA;IACA;IACA+D,aAAa,EAAErD,0BAA0B,CAACU,KAAK,GAAG;EACpD,CAAC,GACD,CAAC,CAAC,EACR,CAACpB,OAAO,CACV,CAAC;EAED,oBACEvB,KAAA,CAAAuF,aAAA,CAAClF,UAAU,CAACmF,UAAU,EAAAC,QAAA;IACpB7D,GAAG,EAAEmB;EAAM,GACPpB,IAAI;IACRP,QAAQ,EAAE8B,kBAAmB;IAC7B1B,QAAQ,EAAEA,QAAS;IACnBkE,mBAAmB,EAAE;EAAG,IAEvBvE,QAAQ,eACTnB,KAAA,CAAAuF,aAAA,CAAClF,UAAU,CAACsF,IAAI;IAACC,KAAK,EAAEP;EAAK,CAAE,CACV,CAAC;AAE5B,CACF,CAAC;AAED,eAAenE,uBAAuB","ignoreList":[]}
1
+ {"version":3,"names":["React","forwardRef","useCallback","useMemo","findNodeHandle","Reanimated","interpolate","runOnJS","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","onScroll","onScrollProps","extraKeyboardSpace","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","height","event","value","contentOffset","y","nativeEvent","onRef","assignedRef","current","onScrollViewLayout","e","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","snapToOffsets","targetScrollY","Math","max","positionOnScreen","topOfScreen","onChangeText","_layout$value4","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","target","onMove","keyboardFrame","onEnd","previous","view","paddingBottom","createElement","ScrollView","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { findNodeHandle } from \"react-native\";\nimport Reanimated, {\n interpolate,\n runOnJS,\n scrollTo,\n useAnimatedReaction,\n useAnimatedRef,\n useAnimatedScrollHandler,\n useAnimatedStyle,\n useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n useFocusedInputHandler,\n useReanimatedFocusedInput,\n useWindowDimensions,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n LayoutChangeEvent,\n ScrollView,\n ScrollViewProps,\n} from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n /** The distance between keyboard and focused `TextInput` when 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} & ScrollViewProps;\n\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 * +============================+ +============================+ +=====================================+\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 */\nconst KeyboardAwareScrollView = forwardRef<\n ScrollView,\n React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n (\n {\n children,\n onLayout,\n bottomOffset = 0,\n disableScrollOnKeyboardHide = false,\n enabled = true,\n onScroll: onScrollProps,\n extraKeyboardSpace = 0,\n ...rest\n },\n ref,\n ) => {\n const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n const scrollViewTarget = useSharedValue<number | null>(null);\n const scrollPosition = useSharedValue(0);\n const position = useSharedValue(0);\n const currentKeyboardFrameHeight = useSharedValue(0);\n const keyboardHeight = useSharedValue(0);\n const keyboardWillAppear = useSharedValue(false);\n const tag = useSharedValue(-1);\n const initialKeyboardSize = useSharedValue(0);\n const scrollBeforeKeyboardMovement = useSharedValue(0);\n const { input } = useReanimatedFocusedInput();\n const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n\n const { height } = useWindowDimensions();\n\n const onScroll = useAnimatedScrollHandler(\n {\n onScroll: (event) => {\n position.value = event.contentOffset.y;\n\n if (onScrollProps) {\n // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/issues/6204\n runOnJS(onScrollProps)({ nativeEvent: event });\n }\n },\n },\n [onScrollProps],\n );\n\n const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n if (typeof ref === \"function\") {\n ref(assignedRef);\n } else if (ref) {\n ref.current = assignedRef;\n }\n\n scrollViewAnimatedRef(assignedRef);\n }, []);\n const onScrollViewLayout = useCallback(\n (e: LayoutChangeEvent) => {\n scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n onLayout?.(e);\n },\n [onLayout],\n );\n\n /**\n * Function that will scroll a ScrollView as keyboard gets moving\n */\n const maybeScroll = useCallback(\n (e: number, animated: boolean = false) => {\n \"worklet\";\n\n if (!enabled) {\n return 0;\n }\n\n // input belongs to ScrollView\n if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n return 0;\n }\n\n const visibleRect = height - keyboardHeight.value;\n const absoluteY = layout.value?.layout.absoluteY || 0;\n const inputHeight = layout.value?.layout.height || 0;\n const point = absoluteY + inputHeight;\n\n if (visibleRect - point <= bottomOffset) {\n const relativeScrollTo =\n keyboardHeight.value - (height - point) + bottomOffset;\n const interpolatedScrollTo = interpolate(\n e,\n [initialKeyboardSize.value, keyboardHeight.value],\n [\n 0,\n scrollDistanceWithRespectToSnapPoints(\n relativeScrollTo + scrollPosition.value,\n rest.snapToOffsets,\n ) - scrollPosition.value,\n ],\n );\n const targetScrollY =\n Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n return interpolatedScrollTo;\n }\n\n if (absoluteY < 0) {\n const positionOnScreen = visibleRect - inputHeight - bottomOffset;\n const topOfScreen = scrollPosition.value + absoluteY;\n\n scrollTo(\n scrollViewAnimatedRef,\n 0,\n topOfScreen - positionOnScreen,\n animated,\n );\n }\n\n return 0;\n },\n [bottomOffset, enabled, rest.snapToOffsets],\n );\n\n const onChangeText = useCallback(() => {\n \"worklet\";\n\n // if typing a text caused layout shift, then we need to ignore this handler\n // because this event will be handled in `useAnimatedReaction` below\n if (layout.value?.layout.height !== input.value?.layout.height) {\n return;\n }\n\n const prevScrollPosition = scrollPosition.value;\n const prevLayout = layout.value;\n\n scrollPosition.value = position.value;\n layout.value = input.value;\n maybeScroll(keyboardHeight.value, true);\n scrollPosition.value = prevScrollPosition;\n layout.value = prevLayout;\n }, [maybeScroll]);\n\n const onChangeTextHandler = useMemo(\n () => debounce(onChangeText, 200),\n [onChangeText],\n );\n\n useFocusedInputHandler(\n {\n onChangeText: onChangeTextHandler,\n },\n [onChangeTextHandler],\n );\n\n useSmoothKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n const keyboardWillChangeSize =\n keyboardHeight.value !== e.height && e.height > 0;\n keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n const keyboardWillHide = e.height === 0;\n const focusWasChanged =\n (tag.value !== e.target && e.target !== -1) ||\n keyboardWillChangeSize;\n\n if (keyboardWillChangeSize) {\n initialKeyboardSize.value = keyboardHeight.value;\n }\n\n if (keyboardWillHide) {\n // on back transition need to interpolate as [0, keyboardHeight]\n initialKeyboardSize.value = 0;\n scrollPosition.value = scrollBeforeKeyboardMovement.value;\n }\n\n if (\n keyboardWillAppear.value ||\n keyboardWillChangeSize ||\n focusWasChanged\n ) {\n // persist scroll value\n scrollPosition.value = position.value;\n // just persist height - later will be used in interpolation\n keyboardHeight.value = e.height;\n }\n\n // focus was changed\n if (focusWasChanged) {\n tag.value = e.target;\n\n // save position of focused text input when keyboard starts to move\n layout.value = input.value;\n // save current scroll position - when keyboard will hide we'll reuse\n // this value to achieve smooth hide effect\n scrollBeforeKeyboardMovement.value = position.value;\n }\n\n if (focusWasChanged && !keyboardWillAppear.value) {\n // update position on scroll value, so `onEnd` handler\n // will pick up correct values\n position.value += maybeScroll(e.height, true);\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n const keyboardFrame = interpolate(\n e.height,\n [0, keyboardHeight.value],\n [0, keyboardHeight.value + extraKeyboardSpace],\n );\n currentKeyboardFrameHeight.value = keyboardFrame;\n\n // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n maybeScroll(e.height);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n keyboardHeight.value = e.height;\n scrollPosition.value = position.value;\n },\n },\n [height, maybeScroll, disableScrollOnKeyboardHide, extraKeyboardSpace],\n );\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 const prevLayout = layout.value;\n\n layout.value = input.value;\n scrollPosition.value += maybeScroll(keyboardHeight.value, true);\n layout.value = prevLayout;\n }\n },\n [],\n );\n\n const view = useAnimatedStyle(\n () =>\n enabled\n ? {\n // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n // re-calculation on every animation frame and it helps to achieve smooth animation.\n // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n paddingBottom: currentKeyboardFrameHeight.value + 1,\n }\n : {},\n [enabled],\n );\n\n return (\n <Reanimated.ScrollView\n ref={onRef}\n {...rest}\n onLayout={onScrollViewLayout}\n onScroll={onScroll}\n scrollEventThrottle={16}\n >\n {children}\n <Reanimated.View style={view} />\n </Reanimated.ScrollView>\n );\n },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-keyboard-controller",
3
- "version": "1.12.4",
3
+ "version": "1.12.5",
4
4
  "description": "Keyboard manager which works in identical way on both iOS and Android",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -69,7 +69,7 @@
69
69
  },
70
70
  "devDependencies": {
71
71
  "@commitlint/config-conventional": "^11.0.0",
72
- "@react-native/eslint-config": "^0.73.2",
72
+ "@react-native/eslint-config": "^0.74.85",
73
73
  "@release-it/conventional-changelog": "^2.0.0",
74
74
  "@types/jest": "^29.2.1",
75
75
  "@types/react": "^18.2.6",
@@ -88,7 +88,7 @@
88
88
  "pod-install": "^0.1.0",
89
89
  "prettier": "^2.8.8",
90
90
  "react": "18.2.0",
91
- "react-native": "0.74.0",
91
+ "react-native": "0.74.3",
92
92
  "react-native-builder-bob": "^0.18.0",
93
93
  "react-native-reanimated": "3.12.1",
94
94
  "release-it": "^14.2.2",
@@ -2,9 +2,11 @@ import React, { forwardRef, useCallback, useMemo } from "react";
2
2
  import { findNodeHandle } from "react-native";
3
3
  import Reanimated, {
4
4
  interpolate,
5
+ runOnJS,
5
6
  scrollTo,
6
7
  useAnimatedReaction,
7
8
  useAnimatedRef,
9
+ useAnimatedScrollHandler,
8
10
  useAnimatedStyle,
9
11
  useSharedValue,
10
12
  } from "react-native-reanimated";
@@ -106,11 +108,16 @@ const KeyboardAwareScrollView = forwardRef<
106
108
 
107
109
  const { height } = useWindowDimensions();
108
110
 
109
- const onScroll = useCallback<NonNullable<ScrollViewProps["onScroll"]>>(
110
- (event) => {
111
- position.value = event.nativeEvent.contentOffset.y;
111
+ const onScroll = useAnimatedScrollHandler(
112
+ {
113
+ onScroll: (event) => {
114
+ position.value = event.contentOffset.y;
112
115
 
113
- onScrollProps?.(event);
116
+ if (onScrollProps) {
117
+ // @ts-expect-error https://github.com/software-mansion/react-native-reanimated/issues/6204
118
+ runOnJS(onScrollProps)({ nativeEvent: event });
119
+ }
120
+ },
114
121
  },
115
122
  [onScrollProps],
116
123
  );